Читать «Справочкик по JavaScript» онлайн - страница 23

Автор неизвестен

Например у нас есть меню состоящее из двух пунктов и страница, в которую надо вставить это меню:

Файл menu.js:

document.write("<B>Меню:</B>

<BR>"); document.write("<A href="page1.html">Ссылка1</A>

<BR>"); document.write("<A href="page2.html">Ссылка2</A>");

Файл page.html:

<html> <head> <title>Проверка</title> </head> <body> <h1>Моя страница</h1> <script src="menu.js"></script> . . . </body> </html>

Т.е. вместо

<script src="menu.js"></script>

браузер вставил:

<B>Меню:</B>

<BR> <A href="page1.html">Ссылка1</A>

<BR> <A href="page2.html">Ссылка2</A>

И если вместо меню на всех страницах вставить <script src="menu.js"></script>, то для изменения меню на всех страницах нужно изменить только файл menu.js

Но у этого метода есть небольшие недостатки:

Как сделать страницу стартовой

Сделав страницу стартовой при запуске Internet Explorer браузер пользователя будет автоматически загружать указанный адрес.

Вот код ссылки, нажав которую пользователь сделает страницу стартовой:

Как добавить страницу в избранное

Добавляет вашу страницу в "Избранное".

Эта возможность позволяет посетителю вашей страницы сделать закладку, если он не успевает просмотреть или просто запомнить адрес вашего ресурса.

Как вывести дату последнего изменения страницы

Эта возможность позволяет автоматически указывать дату последней модификации данной страницы.

Но данная возможность таит и свой минус: требуется почаще обновлять страницу, а иначе пользователь будет думать, что срок годности вашего ресурса уже давно истек.

<script language="JavaScript"> <!-- document.write ("Дата последнего изменения: " + document.lastModified); //--> </script>

Как убрать в теге SELECT рамку и стрелку

При помощи каскадных таблиц стилей (CSS) можно изменить стандартный вид объекта <SELECT>:

<SELECT size=1 style="position:absolute;width:100px; clip:rect(2px 82px 20px 2px);background:pink;top:10px;">

<OPTION VALUE=1>One

<OPTION VALUE=2>Two

<OPTION VALUE=3>Three </SELECT>

Интересный JavaScript - побуквенное появление текста

Данный эффект позволяет выводить текст побуквенно. Есть возможность задавать количество выводимых за один раз символов и скорость вывода.

Вот код:

<script>

var source,dest,len,now=0,delay=100,letters=1;

function show_text()

{

len = source.innerHTML.length;

show();

}

function show()

{

dest.innerHTML += source.innerHTML.substr(now,letters);

now+=letters;

if(now<len)

setTimeout("show()",delay);

}

</script>

<body onload="show_text();">

<p style="display:none" id="pageTextSource">Текст для вывода...

<p id="pageText"></p>

</body>