Замена функционала 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 на странице ссылок.




Рекомендуем почитать

 

Добавить комментарий


Ваше имя:


Комментарий:


Введите: Картинка