Разница между внутренним и внешним 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 локально.