Самоучитель по JavaScript

и время вашего прибытия на


<SCRIPT LANGUAGE="JavaScript">
//Скрипт отмечает точную дату и время вашего прибытия на страницу
Now = new Date();

document.write("Сегодня " + Now.getDate()+

"-" + Now.getMonth() + "-" + Now.getFullYear() + ".

Вы зашлинамою страницу ровно в: " + Now.getHours() +

":" + Now.getMinutes() + " и " + Now.getSeconds() +

" секунд.")
</SCRIPT>
Кстати, строка document.write не должна прерываться. Я разбил ее на несколько, чтобы удобнее было читать.


<SCRIPT LANGUAGE="javascript">
/* Скрипт предназначен для того, чтобы получить



от пользователя информацию и поместить ее на страницу */

var user_name = prompt ("Напишите свое имя","Здесь");

document.write("Привет, " + user_name + "! Милости просим!");
</SCRIPT>
Текст в скобках должен располагаться на одной строке.


Ниже вы увидите множество скриптов, но все они составлены по одной схеме: создается переменная для каждой команды объект.свойство, затем переменные помещаются в document.write(). Внимание: 1) заголовки жирным шрифтом не являются частью самих скриптов; 2) текст в скобках после document.write() должен располагаться на одной строке.
Свойства объекта navigator (браузер)
<SCRIPT LANGUAGE="javascript">

var an = navigator.appName;

var av = navigator.appVersion;

var acn = navigator.appCodeName;

var ua = navigator.userAgent;

document.write("Вы пользуетесь <B>" +an+ "</B>,

версия " +av+ ".

<BR>Кодовое название " +acn+ ", заголовок "

+ua+ "." );

</SCRIPT>
Свойства объекта document
<SCRIPT LANGUAGE="javascript">

var bgc = document.bgColor;

var fgc = document.fgColor;

var lc = document.linkColor;

var al = document.alinkColor;

var vlc = document.vlinkColor;

var url = document.location;

var ref = document.referrer;

var t = document.title;

var lm = document.lastModified;

document.write("Цвет фона этой страницы <B>"

+bgc+ "</B>.")

document.write("<BR>Цвет текста этой страницы <B>" +fgc+ "</B>.")

document.write("<BR>Цвет ссылок этой страницы <B>" +lc+ "</B>.")

document.write("<BR>Цвет активной ссылки этой страницы

<B>" +al+ "</B>.")

document.write("<BR>Цвет посещенной ссылки этой страницы

<B>" +vlc+ "</B>.")

document.write("<BR>URL этой страницы <B>" +url+ "</B>.")

document.write("<BR>До этого вы были на странице <B>" +

ref+ "</B>.")

document.write("<BR>Заголовок этой страницы <B>" +t+ "</B>.")

document.write("<BR>Последние изменения внесены: <B>"

+lm+ "</B>.")

</SCRIPT>
Свойства объекта history
<SCRIPT LANGUAGE="javascript">

var h = history.length;

document.write("До этой страницы вы посетили" +h+ " страниц.")

</SCRIPT>
Два свойства объекта location (адрес)
<SCRIPT LANGUAGE="javascript">

var hst = location.host

document.write("Страница находится на <B>" + hst +

"</B>." )

</SCRIPT>
<SCRIPT LANGUAGE="javascript">

var hstn = location.hostname

document.write("Страницанаходится на <B>" + hstn +

"</B>." )

</SCRIPT>


Сам скрипт состоит из двух частей: собственно функции и команды onLoad, которая ее запускает.

Вот обе части:
<SCRIPT LANGUAGE="javascript">
<!-- Скрыть от браузеров, не читающих Javascript
function dateinbar()

{

var d = new Date();

var y = d.getFullYear();

var da = d.getDate();

var m = d.getMonth() + 1;

var t = da + '/' + m + '/' + y;

defaultStatus = "Вы прибыли на страницу " + t + ".";

}

// не скрывать -->
</SCRIPT>
...и команда onLoad в <BODY>:
<BODY BGCOLOR="хххххх" onLoad="dateinbar()">


С мышью:
<A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!';

return true"

onMouseOut="window.status='Так-то лучше, спасибо'; return true">

Наведите курсор на эту ссылку и уведите обратно</A>
При уходе со страницы:
<BODY onUnload="alert('Уже уходите?')">


<SCRIPT LANGUAGE="javascript">
window.open('opened.html', 'joe', config='height=300,width=300')

self.name="main window"
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

function openindex()

{

var OpenWindow=window.open("", "newwin", "height=300,width=300");

OpenWindow.document.write("<HTML>")

OpenWindow.document.write("<TITLE>Новое окно</TITLE>")

OpenWindow.document.write("<BODY BGCOLOR='white'>")

OpenWindow.document.write("<CENTER>")

OpenWindow.document.write("<font size=+1>Новое окно</font><P>")

OpenWindow.document.write("<a href= 'http://jsp.newmail.ru' target='main window'> Эта ссылка<BR>откроется в главном окне</a><p>")

OpenWindow.document.write("<P><HR><P>")

OpenWindow.document.write("<a href='' onClick='self.close()'> Эта закроет окно</a><p>")

OpenWindow.document.write("</CENTER>")

OpenWindow.document.write("</HTML>")

self.name="main window"

}

</SCRIPT>
...ив строке BODY:
onLoad="openindex()"
Помните, текст в скобках должен находиться на одной строке.


<SCRIPT LANGUAGE="javascript">
confirm("Уверены, что хотите войти?")
</SCRIPT>
Знакомо? Пора бы уже. То же самое, что и alert, кроме слова confirm. Вот основной пример
того, что делает скрипт. Как видите, немного. Но вот вам та же команда с некоторыми добавлениями:
<SCRIPT LANGUAGE="javascript">
if (confirm("Уверены, что хотите на прошлый урок?") )
{

parent.location='http://www.jsp.newmail.ru/les12.htm';

alert("Счастливого пути");

}

else

{

alert("Tогда оставайтесь");

}

</SCRIPT>


<BODY>

<SCRIPT LANGUAGE="javascript">

       var numsums = 10 + 2

            alert("10 + 2 равно " + numsums)

       var x = 10

            alert("десять — это " + x)

       var y = x * 2

            alert("10 X 2 = " + y)

       var z = "Привет " + "Пока"

      alert(z)

   </SCRIPT>

</BODY>

Содержание раздела