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