JavaScript. Основные понятия с примерами
Язык управления сценариями просмотра гипертекстовых страниц на стороне клиента, основная идея языка состоит в возможности изменения атрибутов html контейнеров и свойств среды отображения в процессе просмотра страницы пользователя, при этом перезагрузки страницы не происходит. На практике это выражается, например, в изменении фона страницы, интегрированных в неё картинок и других объектом, открытии нового окна или выдачи предупреждения.
Название JavaScript является зарегистрированным товарным знаком компании Sun Microsystem. Реализация от Microsoft официально называется JScript. Существует и VBScript. Сходство с языком Java в синтаксисе и объектно-ориентированных свойствах. Во всем остальном Java и JavaScript совершенно разные языки. Ни один не является подмножеством другого. Спецификация языка описывается стандартом ECMA-262 (European Computer Manufacturers Association).
В общем случае можно выделить 4 способа функционального применения JavaScript:
Два простейших оператора: alert(строка) – выводит строку в окно предупреждения, document.write – выводит строку в текущий HTML-документ.
Основная идея – применения в URL-схеме в том, что вместо стандартного перехода по ссылке запускается обработчик JavaScript.
Размещать контейнер-скрипт можно либо в разделе заголовка head, либо в разделе body. Сам код может быть вписан непосредственно в контейнер-скрипт, либо вынесен в отдельный файл,а затем включён в станицу.
Если есть подключение к внешнему файлу, то любой текст или код в контейнере <script> игнорируется.
Название JavaScript является зарегистрированным товарным знаком компании Sun Microsystem. Реализация от Microsoft официально называется JScript. Существует и VBScript. Сходство с языком Java в синтаксисе и объектно-ориентированных свойствах. Во всем остальном Java и JavaScript совершенно разные языки. Ни один не является подмножеством другого. Спецификация языка описывается стандартом ECMA-262 (European Computer Manufacturers Association).
Размещение кода JavaScript на HTML странице
JavaScript код исполняется браузером, в который встроен соответствующий интерпретатор. Поэтому выполнение программы зависит от того, когда интерпретатор получает управление.В общем случае можно выделить 4 способа функционального применения JavaScript:
- Гипертекстовая ссылка (схема URL)
- Обработчик событий (в атрибутах отвечающих событий)
- Постановка (Entity)
- Вставка (контейнер <script>
Два простейших оператора: alert(строка) – выводит строку в окно предупреждения, document.write – выводит строку в текущий HTML-документ.
| Простой HTML документ | Использование document.write() |
|---|---|
| <html>
<body>
<h1> Заголовок </h1> </body> </html> | <html> <body> <script>document.write(<h1> Заголовок </h1>) </script> </body> </html> |
1 способ. URL-схема JavaScript
Каждый ресурс имеет свой уникальный URL (Uniform Resource Locator), который указывается в <a href="">, <img src="" /> и <form action="">.Основная идея – применения в URL-схеме в том, что вместо стандартного перехода по ссылке запускается обработчик JavaScript.
2 способ. Обработчик событий
Обработчики событий указываются в атрибутах тех Контейнеров html, с которыми они связаны.3 способ. Подстановки
Имеют формат &{код программы}. Используется в качестве атрибута HTML-контейнеров. Подстановки поддерживаются не во всех браузерах.4 способ. Вставка контейнер-скрипт
Контейнер-скрипт позволяет внедрять JavaScript код в код html-документа и даёт возможность генерации текста документа.Размещать контейнер-скрипт можно либо в разделе заголовка head, либо в разделе body. Сам код может быть вписан непосредственно в контейнер-скрипт, либо вынесен в отдельный файл,а затем включён в станицу.
1 вариант
2 вариант
Внешний файл логично подключать, когда один и тот же скрипт используется на разных страницах.Если есть подключение к внешнему файлу, то любой текст или код в контейнере <script> игнорируется.
Комментарии
Отправить комментарий