Разница между внутренними и внешними JavaScript-скриптами

В середине 1990-х разработчики Netscape создали простой язык сценариев, который можно было использовать в качестве инструмента для повышения интерактивности и увлекательности веб-сайтов. В конечном итоге этот язык стал известен как Javascript. Многие пользователи сегодня не знают, что функции почтового клиента или веб-сайта социальной сети, от которых они зависят, являются результатом тысяч строк умного и сложного программирования на Javascript.

Внутренний Javascript

Чтобы код Javascript мог творить чудеса, он должен каким-то образом быть включен в нужное место на конкретной веб-странице при загрузке страницы. Внутренний код Javascript - это код, который помещается в любом месте веб-страницы между тегами HTML. Многие веб-разработчики предпочитают размещать свой код Javascript перед тегом.

Видео дня

Внешний Javascript

Код Javascript, помещенный в файл отдельно от кода HTML, называется внешним Javascript. Внешний код Javascript пишется и используется так же, как внутренний Javascript. Файл должен иметь расширение .js, хотя практически любое другое расширение работает с современными браузерами. Одно важное отличие: внешний код нельзя помещать между тегами, иначе код не будет работать.

Веб-браузер должен знать, что ему необходимо загрузить внешний код. Веб-страница должна иметь следующие HTML-теги, ссылающиеся на сценарий:

URL-адрес сообщает веб-серверу, где найти и загрузить код Javascript.

Преимущества внутреннего Javascript

Если количество строк Javascript относительно невелико, веб-страница с внутренним Javascript загружается быстрее, чем страницы, которые должны ссылаться на внешний код. Это связано с тем, что, когда веб-браузер загружает страницу и встречает ссылку на внешний код, он должен сделать отдельный запрос веб-серверу для получения кода.

Преимущества внешнего Javascript

Если идентичный код используется на нескольких страницах веб-сайта, полезны внешние файлы Javascript. Вам нужно только включить ссылку на внешний код на тех страницах, которые действительно требуют этого кода. Если код Javascript изменяется, нужно редактировать только один файл; изменения мгновенно доступны для всех страниц, нуждающихся в коде. Хранение Javascript во внешних файлах также упрощает обслуживание веб-сайтов: страницы менее загромождены, и у веб-разработчика меньше строк кода, которые нужно проделать, чтобы внести необходимые изменения. Меньшее количество строк HTML-кода также может помочь паукам поисковых систем более тщательно проиндексировать ваш сайт и найти важные ключевые слова.

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