Нам уже... |
|
 |
Меню сайта |
|
 |
IP-информер |
 |
 |
|
Главная » 2015 » Март » 28 » Как вставить ява скрипт
15:26 Как вставить ява скрипт |
Решите, каким способом и в какое место гипертекстового документа должен быть вставлен скрипт. Определите задачи, реализуемые сценарием, а также оцените объем его кода.Многократно используемые скрипты, которые нужно применять в большом количестве документов, лучше подключать из внешнего источника. Страница будет содержать лишь ссылку на ресурс сценария в нужном месте. Данный подход позволяет сократить объем загружаемых данных за счет кэширования скриптов браузерами.Скрипты небольшого объема можно вставить непосредственно в тело страницы. Это гарантирует их немедленное исполнение при разборе документа браузером. Если же блоки программного кода очень малы и должны исполняться при определенных действиях пользователя, имеет смысл помещать их непосредственно во встроенные обработчики событий или атрибуты href ссылок.
Вставьте java-скрипт непосредственно в тело web-страницы. В нужное место документа добавьте элемент SCRIPT, содержащий программный код сценария. Например:<script type="text/javascript"><!-- document.write("текст, сформированный скриптом");--></script>Обратите внимание на желательность использования атрибута type. Он определяет тип содержимого элемента SCRIPT и указывает на необходимость его интерпретации именно ядром исполнения сценариев JavaScript. Комментарии HTML, обрамляющие код, предназначены для предотвращения его отображения устаревшими агентами пользователей.
Подключите внешний скрипт к документу. Используйте пустой элемент SCRIPT с атрибутом src, указывающим на ресурс, из которого будут получены данные сценария. Например:<script src="script.js" type="text/javascript"></script>Если кодировка внешнего сценария отличается от кодировки документа, следует использовать атрибут charset. В противном случае текстовые строки, выводимые скриптом, могут отображаться некорректно. Если исполнение подключаемого подобным образом сценария, может быть отложено, можно указать атрибут defer.
Включите java-скрипт код в атрибут href ссылок или атрибуты, задающие встроенные обработчики событий элементов. Используйте дескриптор протокола javascript: в случае ссылок, например:<a href="javascript:{ alert('Text 1'); alert('Text 2'); }">ссылка</a>В обработчики событий код может быть добавлен без особых изменений:<div onmousedown="document.title='Клавиша мыши нажата';" onmouseup="document.title='Клавиша мыши отпущена';" onclick="document.title='Клик мышью';" ondblclick="document.title='Двойной клик мышью';" style="width: 100px; height: 100px; background: #CCCCCC"></div>Обратите внимание на необходимость использования кавычек разного типа для определения значения HTML-атрибутов и строковых литералов javascript-кода.
|
Категория: Статьи для начинающего вебмастера |
Просмотров: 563 |
Добавил: evgeny
| Рейтинг: 0.0/0 |
|
|
Вход на сайт |
|
 |
|