 |
Современная разметка для SCRIPT
|
|
|
|
В старых скриптах оформление тега SCRIPT было немного сложнее. В устаревших руководствах можно встретить следующие элементы:
Атрибут <script type =...>
В отличие от HTML5, стандарт HTML 4 требовал обязательного указания этого атрибута. Выглядел он так: type="text/javascript". Если указать другое значение type, то скрипт выполнен не будет.
В современной разработке атрибут type не обязателен.
Атрибут <script language =...>
Этот атрибут предназначен для указания языка, на котором написан скрипт. По умолчанию, язык — JavaScript, так что и этот атрибут ставить не обязательно.
Комментарии до и после скриптов
В совсем старых руководствах и книгах иногда рекомендуют использовать HTML-комментарии внутри SCRIPT, чтобы спрятать Javascript от браузеров, которые не поддерживают его.
Выглядит это примерно так:
<script type="text/javascript"><!--
...
//--></script>
Браузер, для которого предназначались такие трюки, очень старый Netscape, давно умер. Поэтому в этих комментариях нет нужды.
Итак, для вставки скрипта мы просто пишем <script>, без дополнительных атрибутов и комментариев.
Задачи
Выведите alert
важность: 5решение
Код страницы:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
alert('Я - JavaScript!');
</script>
</body>
</html>
Открыть решение в песочнице
Сделайте страницу, которая выводит «Я – JavaScript!».
Создайте её на диске, откройте в браузере, убедитесь, что всё работает.
Демо в новом окне
<body>
<script>
alert('Я - JavaScript!');
</script>
</body>
Внешние скрипты, порядок исполнения
Если JavaScript-кода много — его выносят в отдельный файл, который подключается в HTML:
<script src="/path/to/script.js"></script>
Здесь /path/to/script.js — это абсолютный путь к файлу, содержащему скрипт (из корня сайта).
|
|
|
Браузер сам скачает скрипт и выполнит.
Можно указать и полный URL, например:
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
Вы также можете использовать путь относительно текущей страницы. Например, src="lodash.js" обозначает файл из текущей директории.
Чтобы подключить несколько скриптов, используйте несколько тегов:
<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
...
На заметку:
Как правило, в HTML пишут только самые простые скрипты, а сложные выносят в отдельный файл.
Браузер скачает его только первый раз и в дальнейшем, при правильной настройке сервера, будет брать из своего кеша.
Благодаря этому один и тот же большой скрипт, содержащий, к примеру, библиотеку функций, может использоваться на разных страницах без полной перезагрузки с сервера.
|
|
|
I. Современная миросистема: политическая экономия и
Введение в JavaScript
Вопрос 18. Формирование представлений о материи в истории философии и естествознании. Современная концепция материи.
Вопрос 19. Современная наука и философия о строении и организации материи. Основные уровни структурной организации материи.
Древние боги и современная наука
Инструменты режима «РУЧНАЯ РАЗМЕТКА»
Какой из перечисленных ниже принципов отрицает современная социал-демократия?
Лирика Пастернака : поэт/поэзия и современная действительность.
Национальная оборона, уличное освещение, вакцинация населения, дорожная разметка и знаки и пр.
Новая и современная социология
