Подключение javascript

Для подключения javascript имеется два способа

1. Внутреннее подключение — подключение в тело HTML.

2. Внешнее подключение — подключение из отдельного файла.

Оба способа реализуются с помощью html тега <script></script>

Тег script может быть введён в любом месте страницы, в основном это тег head, или тег body.

Целесообразность размещения в том или ином месте будет освещена в следующих уроках.

Внутреннее подключение

При внутреннем подключении тег <script></script> используется без атрибутов.

Ранее в него вставлялись атрибуты type=»text/javascript» и language=»javascript». Первый указывал на тип скрипта, а второй язык написания.

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

Внутри тега script пишется код скрипта.

Пример:

<!DOCTYPE HTML>
<html lang="ru">
	<head>
		<meta charset="utf-8">
			<title>js</title>
	</head>

<body>

  <p>Начало документа...</p>
  <script>
    alert('Всплывающее окно');
  </script>

  <p>...Конец документа</p>

</body>

</html>

Этот код выведет всплывающее окно, спрашивающее продолжить или нет действия на странице.

Браузер, открывая страницу, выполняет javascript последовательно со всеми элементами страницы.

Внутреннее подключение применяется для небольших, вернее сказать очень небольших скриптов, по большей части локального исполнения и для отладки в редакторе скриптов с большим объёмом кода.

После отладки скрипт сохраняется как отдельный файл.

Внешнее подключение

Скрипты с большим объёмом кода обычно выносятся во внешний файл. Что это значит?

Если Вы работаете с каким либо приложением, то в нём скорее всего уже есть папка js.

Если вы только начали создавать сайт, то в его директории создаётся папка js, и в неё помещаются все скрипты.

При этом каждому скрипту, или по другому сценарию, присваивается уникальное название например: one.js или two.js.

Но лучше, если название скрипта будет смысловым, отображающим то, что этот скрипт делает.

Для того чтобы подключить внешний файл, в тег script вводится атрибут src, указывающий путь к файлу. Браузер находит файл и выполняет код.

<script src="/js/one.js"></script>
<script src="/js/tvo.js"></script>

При этом браузеру достаточно один раз скачать и выполнить код скрипта, после чего он сохранит его в кеше, и при последующих загрузках будет брать код оттуда, что значительно сокращает время загрузки страницы.

При наличии в теге script атрибута src, браузер видит только значение атрибута. Если после него в тег поместить какой либо код, то этот код будет проигнорирован.

Javascript и jQuery < < < ◊ > > > Асинхронный скрипт

Запись опубликована в рубрике Уроки javascript и jQuery. Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *