Документ гипертекст процедурный псевдообъектный — КиберПедия 

Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...

Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...

Документ гипертекст процедурный псевдообъектный

2021-04-19 41
Документ гипертекст процедурный псевдообъектный 0.00 из 5.00 0 оценок
Заказать работу

Встраивание в веб-страницы

Расположение внутри страницы

Для добавления JavaScript-кода на страницу, можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно. Скрипт, выводящий модальное окно <http://ru.wikipedia.org/wiki/%D0%9C%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5_%D0%BE%D0%BA%D0%BD%D0%BE> с классической надписью «Hello, World!» внутри браузера:

<script type="text/javascript">('Hello, World!');

</script>

Расположение внутри тега

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

 

<a href="delete.php" onclick="return confirm ('Вы

уверены?');">Удалить</a>

 

В приведённом примере при нажатии на ссылку функция confirm('Вы уверены?'); вызывает модальное окно с надписью «Вы уверены?», а return false; блокирует переход по ссылке. Разумеется, этот код будет работать только если в браузере есть и включена поддержка JavaScript, иначе переход по ссылке произойдёт без предупреждения.

Использование кода JavaScript в контексте разметки страницы в рамках ненавязчивого JavaScript <http://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D0%BD%D0%B0%D0%B2%D1%8F%D0%B7%D1%87%D0%B8%D0%B2%D1%8B%D0%B9_JavaScript> расценивается как плохая практика. Аналогом (при условии снабжения ссылки идентификатором alertLink)

 

<a href="delete.php" id="alertLink">Удалить</a>

 

приведённого примера может выступать, например, следующий фрагмент JavaScript:

 

window.onload = function() {linkWithAlert = document.getElementById("alertLink");.onclick = function() {confirm('Вы уверены?');

};

};

Вынесение в отдельный файл

Есть и третья возможность подключения JavaScript - написать скрипт в отдельном файле, а потом подключить его с помощью конструкции

 

<script type="text/javascript" ="http://Путь_к_файлу_со_скриптом"></script>

Атрибуты элемента script

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

обязательный атрибут type для указания MIME-типа <http://ru.wikipedia.org/wiki/MIME> содержимого.

В запросе комментариев <http://ru.wikipedia.org/wiki/RFC> RFC-4329, определяющем MIME-тип, соответствующий JavaScript, указано:

Известно, что использование «text» в качестве типа верхнего уровня данного типа содержимого проблематично. Поэтому данный документ определяет text/javascript и text/ecmascript, отмечая их «устаревшими». Использование экспериментальных и незарегистрированных медиатипов, таких как перечисленные в части выше, не приветствуется.

Медиатипы/javascript,/ecmascript,

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

Оригинальный текст (англ.) [показать] <javascript:collapseDiv(0);>

Однако, согласно спецификации HTML 4.01 в качестве значения type должно быть указано устаревшее "text/javascript". Так как JavaScript является языком программирования по умолчанию во всех браузерах, начиная с Netscape 2, Дуглас Крокфорд придерживается мнения о нецелесообразности использования атрибута type, рекомендуя указывать его в XHTML <http://ru.wikipedia.org/wiki/XHTML>, так как, хотя он, по мнению Крокфорда, и не нужен, но обязателен, и не указывать в HTML <http://ru.wikipedia.org/wiki/HTML>.

необязательный атрибут src, принимающий в качестве значения адрес к файлу со скриптом.

необязательный атрибут charset, используемый вместе с src для указания используемой кодировки внешнего файла.

необязательный атрибут defer, используемый для того, чтобы показать, что скрипт не генерирует никакого содержимого (что означает, в частности, то, что в этом скрипте отсутствует вызов document.write()).

При этом атрибут language (language="JavaScript"), несмотря на его активное использование (в 2008 году этот атрибут был наиболее часто используемым у тега <script>), относится к не рекомендуемым (deprecated), отсутствует в DTD <http://ru.wikipedia.org/wiki/DTD>, поэтому считается некорректным.

2.3 Область применения Веб-приложени <http://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5>я

используется в клиентской части веб-приложений: клиент-серверных программ, в котором клиентом выступает браузер, а сервером - веб-сервер, имеющих распределённую между сервером и клиентом логику. Обмен информацией в веб-приложениях происходит по сети. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются кроссплатформенными сервисами.

AJAX

JavaScript используется в AJAX <http://ru.wikipedia.org/wiki/AJAX>, популярном подходе к построению интерактивных пользовательских интерфейсов веб-приложений, заключающемся в «фоновом» асинхронном обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью и интерфейс веб-приложения становится быстрее, чем это происходит при традиционном подходе (без применения AJAX).

Comet

Comet - широкое понятие, описывающее механизм работы веб-приложений, использующих постоянные HTTP-соединения, что позволяет веб-серверу отправлять данные браузеру без дополнительного запроса со стороны браузера. Для таких приложений используются технологии, непосредственно поддерживаемые браузерами. В частности, в них широко используется JavaScript.

2.4 Браузерные операционные системы WebOS <http://ru.wikipedia.org/wiki/WebOS>

 

Пример сеанса eyeOS

 

JavaScript широко используется в браузерных операционных системах <http://ru.wikipedia.org/wiki/WebOS>. Так, например, исходный код IndraDesktop WebOS <http://ru.wikipedia.org/w/index.php?title=IndraDesktop_WebOS&action=edit&redlink=1> на 75% состоит из JavaScript, код браузерной операционной системы IntOS <http://ru.wikipedia.org/w/index.php?title=IntOS&action=edit&redlink=1> - на 70%. Доля JavaScript в исходном коде eyeOS <http://ru.wikipedia.org/wiki/EyeOS> - 5%, однако и в рамках этой операционной системы JavaScript играет важную роль, участвуя в визуализации на клиенте и являясь необходимым механизмом для коммуницирования клиента и сервера.


 

Букмарклет <http://ru.wikipedia.org/wiki/%D0%91%D1%83%D0%BA%D0%BC%D0%B0%D1%80%D0%BA%D0%BB%D0%B5%D1%82> используется для создания небольших программ, размещаемых в закладки браузера. При этом используются URL-адреса со спецификатором javascript:


Поделиться с друзьями:

История развития пистолетов-пулеметов: Предпосылкой для возникновения пистолетов-пулеметов послужила давняя тенденция тяготения винтовок...

Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...

Эмиссия газов от очистных сооружений канализации: В последние годы внимание мирового сообщества сосредоточено на экологических проблемах...

Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.01 с.