Замена функционала JavaScript
Вот несколько советов для тех, кто хочет улучшить свои страницы, не имея больших знания в JavaScript.
Ввод текста в «status bar»
Первый пример показывает ,как помещать текст в «статус баре». Когда вы наводите курсор на гиперссылку, «статус бар» показывает значение URL. Это нельзя назвать очень полезной процедурой. К счастью, мы легко можем вставить туда наше собственное краткое описание.
Чтобы что-то отобразилось в «статус баре» при перемещении курсора мыши на него , вам необходимо добавить ещё кое-что:
1
|
<A HREF="mylink.htm" onMouseOver="window.status='Жмакни тут чтобы узнать больше обо мне'; return true;" onMouseOut="window.status=''; ">Жмакать тут</A>
|
«onMouseOver is the event and the string part is our event handler.»
Вы должны удивиться, почему мы не вставляли «return true;» в наш «onMouseOver» обработчик событий. Как правило браузер отображает URL ссылки в статус баре, а эта часть кода не позволяет браузеру делать это, так как он способен стереть наше сообщение.
Отображение даты « Последних обновлений» в документах.
Эта процедура займёт побольше времени ,чем предыдущая. JavaScript ,необходимый для достижения нашей цели, приведён ниже:
1
2 3 4 5 6 |
<SCRIPT LANGUAGE="JavaScript">
<!-- document.write("Last updated :"); document.write(document.lastModified); // --> </SCRIPT> |
Вставьте этот код в документ HTML в том месте, где вы хотите его просмотреть. Источник находится в пределахх Так, что это не создаст проблем, даже если браузер не поддерживает JavaScript. Также обратите внимание на / / (JavaScript style) comment for–>. Это необходимо для некоторых браузеров, чтобы интерпретировать его правильно.
Просмотр сообщения в всплывающем окне
JavaScript имеет функцию (оповещения )(alert), которое всплывает в виде окна с сообщением, где вы можете задать этот самый параметр самостоятельно.. Простейший пример использования этой функции является отображение сообщения при загрузке страницы. Для этого просто поместите следующий код прямо после тега (или в течение тега или в любом другом месте).
1
2 3 4 5 |
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide from older browsers alert("Press Ok to start formatting your hard disk"); // end hiding --> </SCRIPT> |
Это отличный способ отпугнуть посетителей от страницы, но давайте посмотрим есть-ли что-то более полезное. Что делать, если мы хотим чтобы всплывающее окно с сообщением появлялось тогда, когда пользователь нажимает на ссылку. Попробуй кликнуть тут Случилось так, что это действительно возможно реализовать.
1
|
<A HREF="JavaScript: alert('your message here.')">
|
JavaScript: указывает браузеру, что он должен выполнить данное указание JavaScript при нажатии пользователя на ссылку.
Всплывающее окно так же можно вызвать при уже нажатой кнопке.
1
2 3 4 |
<FORM>
<INPUT TYPE=BUTTON VALUE="Click me" onClick="alert('your message here')"> </FORM> |
Примечания
Вы могли заметить, что синтаксис, используемый в каждом из примеров различен между собой. Хотя первый был внедрен в другой тег
1
|
<A HREF=...>
|
(в данном случае), второй находился в пределах SCRIPT тега. Другое отличие состоит в том, что первый выполняется только тогда, когда указанное событие (MouseOver в данном случае) произошло в то время как второе выполняется, как только она встречается в документе HTML.
Реальная сила JavaScript заключается в его способности определять и вызывать функции. Чтобы узнать больше о написании функции, перейдите на страницу примеров. Вы найдете хорошие учебники JavaScript на странице ссылок.
Рекомендуем почитать