Содержание

Скрипты для сайтов

1 320 Text / Codepen

Скользящий текст при наведении

При наведении курсора на текст происходит волнообразное скольжение вверх / вниз с изменением цвета текста

Скользящий текст при наведении 1 476 Animation / Codepen

Hover эффекты над изображениями на CSS

Эффект наведения на блоки с изображениями и текстом.

Hover эффекты над изображениями на CSS 960 Codepen

Эффект при наведении на изображение

Довольно-таки смелый hover эффект на изображении. При наведении происходит разделение блока на отдельные кусочки с общим фоном — картинкой.

Эффект при наведении на изображение 634 Form / Codepen

Textarea auto height

Скрипт для авто подстройки высоты тега формы textarea в зависимости от вводимого внутри текста

Textarea auto height 647 Codepen

Полумесяц в звездном небе с помощью одного DIV

Полумесяц в ночном небе с яркими звездами реализованный с помощью одного тега на CSS

Полумесяц в звездном небе с помощью одного DIV 507 Codepen

Эффект при наведении с помощью clip-path

Использование свойства clip-path при наведении для придания изображению формы стрелки с анимацией.

Эффект при наведении с помощью clip-path
675 Codepen

Паттерн из треугольников с градиентом

Генерируемый на js паттерн из треугольников с градиентом

Паттерн из треугольников с градиентом 714 Codepen

Фредди Меркьюри нарисованный на CSS

Вокалист рок-группы Queen Фредди Меркьюри, которого сделали на чистом CSS и HTML

Фредди Меркьюри нарисованный на CSS 637 Codepen

Сверкающие круги из частиц

Вращающиеся сверкающие круги из частиц на канвасе

Сверкающие круги из частиц
1 149 Form / Codepen

Форма авторизации в стиле неоморфизм

Верстка формы авторизации и регистрации в стиле неоморфизм. При клике на вторую кнопку происходит плавная slide анимация смены полей формы с авторизации на регистрацию и наоборот.

Форма авторизации в стиле неоморфизм 406 Codepen

Морской анемон

Морской анемон

Морской анемон 1 438 Text / Codepen

Эффект fill для текста при наведении

Эффект заполнения текста при наведении. Реализовано с помощью CSS.

Эффект fill для текста при наведении

HTML JavaScript



JavaScript делает страницы HTML более динамичными и интерактивными.

Пример

Мой Первый JavaScript

Нажми на меня, чтобы отобразить дату и время

Редактор кода »


Тег <script> HTML

Тег <script> используется для определения клиентского сценария (JavaScript).

Элемент <script> содержит сценарии или указывает на внешний файл скрипта через атрибут src.

Чаще всего используется JavaScript — для манипуляция изображения, формы проверки, а также динамического изменения содержания.

Чтобы выбрать элемент HTML в JavaScript, очень часто используется метод document.getElementById(id).

В примере JavaScript написать «Привет JavaScript!» в нутри элемента HTML с :

Совет: Вы можете узнать гораздо больше о JavaScript в нашем Учебник JavaScript.


Что может JavaScript

Вот некоторые примеры того, что JavaScript может сделать:

JavaScript может изменять содержимое HTML

document.getElementById(«demo»).innerHTML = «Привет JavaScript!»;

Редактор кода »

JavaScript может изменить стили HTML

document.getElementById(«demo»).style.fontSize = «25px»;
document.getElementById(«demo»).style.color = «red»;
document.getElementById(«demo»).style.backgroundColor = «yellow»;

Редактор кода »

JavaScript может изменить атрибуты HTML

document.getElementById(«image»).src = «picture.gif»;

Редактор кода »

Тег <noscript> HTML

Тег

<noscript> используется, чтобы предоставить альтернативный контент для пользователей у которых отключены скрипты в браузере или имеют браузер, который не поддерживает клиентские скрипты:

Пример


document.getElementById(«demo»).innerHTML = «Привет JavaScript!»;

<noscript>К сожалению, ваш браузер не поддерживает JavaScript!</noscript>

Редактор кода »

Теги Script HTML

Тег Описание
<script> Определяет клиентский сценарий
<noscript> Определяет альтернативный контент для пользователей, которые не поддерживают клиентские скрипты

Проверьте себя с помощью упражнений!


| Справочник HTML



Элемент <script> (от англ. «script» ‒ «сценарий, скрипт») определяет скрипты, исполняемые на стороне пользователя, например, JavaScript.

Элемент <script> либо непосредственно содержит сам скрипт, либо при помощи атрибута src указывает на внешний файл скрипта. Последний вариант является более удобным, так как уменьшает размер документа и время его загрузки (JS файл кэшируется браузером при первой загрузке). Если элемент ссылается на внешний скрипт, то в этом случае элемент должен быть пустым. Сам внешний файл должен содержать только JavaScript-код (без тегов <script> и </script>).

Существует несколько способов исполнения внешних скриптов:

  • Если установлен атрибут async=»async», то скрипт исполняется асинхронно, т. е. скрипт будет исполняться одновременно с загрузкой страницы
  • Если атрибут async не определен, а атрибут defer=»defer», то скрипт будет исполнен сразу же, как будет закончена загрузка страницы
  • Если атрибуты async или defer не определены, то скрипты загружаются и исполняются в том порядке, в котором они расположены в HTML-коде

Элемент <script> может располагаться как в секции <head>, так и в <body> HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в элемент <head> документа.

Примечание: На случай неработоспособности скриптов (отключены или не поддерживаются) указывается элемент <noscript>.

Синтаксис

<script>
 JavaScript-код
</script> 
<script src="URL-адрес"></script>

Закрывающий тег

Обязателен.

Атрибуты

asyncHTML5
Логический атрибут, который указывает, что скрипт выполняется асинхронно (только для внешних скриптов).

charset
Задает кодировку символов, используемых во внешнем файле скрипта.

crossorigin
Атрибут определяет, используется ли CORS при загрузке скрипта.

defer
Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.

languageУстарел
Устанавливает язык программирования на котором написан скрипт.

src
Указывает URL адрес внешнего файла скрипта (допускается использование как относительных, так и абсолютных адресов).

type

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <script> со следующими значениями CSS по умолчанию:

script {
    display: none;
}

Различия между HTML 4.01 и HTML5

В HTML 5 был добавлен атрибут async и удалён атрибут xml:space. В HTML5, атрибут type больше не требуется для JavaScript (значение атрибута по умолчанию — «text/javascript»).

Пример использования:

JavaScript может менять стили:

Пример HTML:

Попробуй сам
<script>
function setColor() {
  document.getElementById("demo").style.backgroundColor = "red";  
}
</script>

Спецификации

Указывает MIME-тип скрипта.
Спецификация Статус
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Элемент
<script> 3+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<script>
1+
1+ 6+ 1+

Попробуйте сами — Примеры

Как подключить внешний файл к HTML-документу:
Внешний файл script.js

Как запустить скрипт во время загрузки HTML-документа:
Запуск скрипта

Как отобразить альтернативный текст пользователям, браузер которых не поддерживает скрипты:
Элемент noscript


Учебник HTML

HTML уроки: HTML JavaScript

HTML Элементы



Скрипт | htmlbook.ru

Скриптом называется программа (обычно на языке JavaScript) выполняемая в браузере. Скрипт в качестве значения применяется к событиям и вызывается при наступлении указанного события. Если скрипт небольшой, его код можно указать прямо в значении, для объемных скриптов пишется функция и вызывается в значении события.

Синтаксис

событие="язык: скрипт"

В качестве событий выступают следующие атрибуты: onblur, onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onselect, onsubmit, onunload.

Язык определяет язык программирования, на котором написан скрипт, может принимать следующие значения:

  • javascript — JavaScript;
  • jscript — JScript, разновидность языка JavaScript разработанная компанией Microsoft;
  • vbscript — язык программирования VBScript основанный на Visual Basic.

По умолчанию значением выступает javascript.

Также допускается указывать скрипт в качестве значения атрибута href тега <a>, но предваряя скрипт ключевым словом javascript:, в противном случае браузер будет воспринимать значение как ссылку. Вместо javascript пишется нужный язык программирования скрипта.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Скрипты</title>
  <style>
   #msg { 
    display: none;
    position: absolute;
    width: 280px;
    top: 200px;
    left: 50%;
    margin-left: -150px; 
    background: #fc0;
    padding: 10px;
   }
  </style>
  <script>
   function textMsg(msg) {
    document.getElementById('text').innerHTML = msg;
    document.getElementById('msg').style.display = 'block';
   }
   function closeMsg() {
    document.getElementById('msg').style.display = 'none';
   }
  </script>
 </head>
 <body>
  <div>
   <div></div>
   <div><a href="javascript:closeMsg()">[Закрыть]</a></div>
  </div>
  <p>Нажмите на <a href="#">  
    ссылку для открытия сообщения</a>.</p>
 </body>
</html>

: The Script element — Веб-технологии для разработчиков

scriptChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1
Полная поддержка 1
Замечания Starting in Firefox 4, inserting <script> elements that have been created by calling document.createElement("script") no longer enforces execution in insertion order. This change lets Firefox properly abide by the specification. To make script-inserted external scripts execute in their insertion order, set .async=false on them.
IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
asyncChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
crossoriginChrome Полная поддержка 30Edge Полная поддержка ≤18Firefox Полная поддержка 13IE Нет поддержки НетOpera Полная поддержка 12Safari Полная поддержка Да
Полная поддержка Да
Замечания The crossorigin attribute was implemented in WebKit in WebKit bug 81438.
WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 14Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
deferChrome Полная поддержка Да
Полная поддержка Да
Замечания Chrome does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
Edge Полная поддержка 12Firefox Полная поддержка 3.5
Полная поддержка 3.5
Замечания Since Firefox 3.6, the defer attribute is ignored on scripts that don’t have the src attribute. However, in Firefox 3.5 even inline scripts are deferred if the defer attribute is set.
IE Полная поддержка 10
Полная поддержка 10
Замечания In versions prior to Internet Explorer 10, it implemented defer by a proprietary specification. Since version 10 it conforms to the W3C specification.
Opera Полная поддержка Да
Полная поддержка Да
Замечания Opera does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
Safari Полная поддержка ДаWebView Android Полная поддержка Да
Полная поддержка Да
Замечания WebView does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
Chrome Android Полная поддержка Да
Полная поддержка Да
Замечания Chrome does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
Firefox Android Полная поддержка 4Opera Android Полная поддержка Да
Полная поддержка Да
Замечания Opera does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
Safari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
Полная поддержка Да
Замечания Samsung Internet does not defer scripts with the defer attribute when the page is served as XHTML (application/xhtml+xml) — Chromium Issue #611136, Chromium Issue #874749
integrityChrome Полная поддержка 45Edge Частичная поддержка 17Firefox Полная поддержка 43IE Нет поддержки НетOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка 45Chrome Android Полная поддержка 45Firefox Android Полная поддержка 43Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 5.0
language УстаревшаяНестандартнаяChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
nomodule ЭкспериментальнаяChrome Полная поддержка 61Edge Полная поддержка 16Firefox Полная поддержка 60
Полная поддержка 60
Нет поддержки 55 — 60
Отключено From version 55 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка 48Safari Полная поддержка 11WebView Android Полная поддержка 61Chrome Android Полная поддержка 61Firefox Android Полная поддержка 60
Полная поддержка 60
Нет поддержки 55 — 60
Отключено From version 55 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 45Safari iOS Полная поддержка 11Samsung Internet Android Полная поддержка 8.0
referrerPolicyChrome Полная поддержка 70Edge Полная поддержка ≤79Firefox Полная поддержка 65IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка 70Chrome Android Полная поддержка 70Firefox Android Полная поддержка 65Opera Android ? Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 10.0
srcChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
textChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
typeChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
type.moduleChrome Полная поддержка 61Edge Полная поддержка 16Firefox Полная поддержка 60
Полная поддержка 60
Нет поддержки 54 — 60
Отключено From version 54 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка 48Safari Полная поддержка 10.1WebView Android Полная поддержка 61Chrome Android Полная поддержка 61Firefox Android Полная поддержка 60
Полная поддержка 60
Нет поддержки 54 — 60
Отключено From version 54 until version 60 (exclusive): this feature is behind the dom.moduleScripts.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 45Safari iOS Полная поддержка 10.3Samsung Internet Android Полная поддержка 8.0
type: The version parameter of the type attribute НестандартнаяChrome Нет поддержки НетEdge Нет поддержки НетFirefox Нет поддержки ? — 59IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Нет поддержки ? — 59Opera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет

HTML тег script

Тег <script> определяет скрипты, исполняемые на стороне пользователя, например, JavaScript.

Элемент <script> либо непосредственно содержит сам скрипт, либо при помощи атрибута src указывает на внешний файл скрипта.

Если определяется атрибут src, то элемент <script> должен быть пустым.

Также, обратите внимание на элемент <noscript>, который предназначен для пользователей, браузер которых не поддерживает скрипты.

Существует несколько способов исполнения внешних скриптов:

  • Если установлен атрибут async=»async», то скрипт исполняется асинхронно, т. е. скрипт будет исполняться одновременно с загрузкой страницы
  • Если атрибут async не определен, а атрибут defer=»defer», то скрипт будет исполнен сразу же, как будет закончена загрузка страницы
  • Если атрибуты async или defer не определены, то скрипт загружается и исполняется сразу же, до того как браузер продолжит готовит страницу к отображению

Разница между HTML 4.01 и HTML5

Атрибут type в HTML 4 обязателен, но оптционален в HTML5.

Атрибут async был добавлен в HTML5.

Различия между HTML и XHTML

В XHTML контент внутри скриптов декларируется как данные #PCDATA (вместо CDATA). Это означает, что сущности будут интерпретированы.

Это означает, что в XHTML все специальные символы должны быть кодированы, либо весь контент должен быть размещен в секции CDATA:


 <script type="text/javascript">
 //<![CDATA[
 var i = 10;
 if (i < 5) {
   // некий код
 }
 //]]>
 </script>

Атрибуты тега <script>

АтрибутОписание
asyncУстанавливает асинхронный режим исполнения скрипта
charsetОпределяет кодировку символов скрипта
deferУстанавливает отложенный режим запуска скрипта, пока не будет загружена страница
srcОпределяет URL внешнего файла скрипта
typeОпределяет медиа-тип скрипта

Общие атрибуты

Тег <script> поддерживает общие атрибуты.

HTML пример использования

Вставляет в код страницы надпись «Hello JavaScript!» при помощи JavaScript:


<script>
   document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

HTML, CSS и JavaScript в вебе (поймут даже чайники) — Офтоп на vc.ru

Вы время от времени задумываетесь, как работает программирование, но не делали ничего сложнее в Интернете, чем загрузка фотографии в Facebook? Тогда вы в нужном месте.

Для тех, кто никогда «кодил» раньше, концепция создания веб-сайта с нуля, макет, дизайн и иже с ними — могут показаться действительно пугающими. Вы представляете студентов Гарварда из фильма «Социальная сеть», сидя за своими компьютерами с гигантскими наушниками и набирающими код, и думаете: «Я никогда не смогу этого сделать».

Собственно, вы можете.

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

Цель этого поста – познакомить Вас с основами HTML, CSS и одного из самых распространенных языков программирования — JavaScript. Но прежде чем мы начнем, давайте дадим представление о том, какие языки программирования действительно существуют.

Что такое язык программирования?

Программировать или «кодить» — это как решать головоломку. Как изучать иностранный язык, например английский или французский. Мы используем эти языки, чтобы превращать мысли и идеи в действия и поведение. В программировании цель точно такая же — вы просто управляете разными видами поведения, а источник этого поведения не человек, а компьютер.

Язык программирования — это наш способ общения с программным обеспечением.

Программирование в веб-разработке

Сотруднику ставится задача «создать веб-страницу с таким-то заголовком, таким-то шрифтом, такими-то цветами, изображениями и анимированными единорогами, бегущими по экрану, когда пользователи нажимают на эту кнопку», главная цель — принять эту большую идею и разбить ее на маленькие части.

Каждая страница в Интернете, которую вы посещаете, строится на выполнении отдельных инструкций шаг за шагом. Ваш браузер (Chrome, Firefox, Safari и т.д…. если используете Internet Exploler, не читайте да

HTML JavaScript


JavaScript делает HTML-страницы более динамичными и интерактивными.



Тег HTML

Попробуй сам "

Вкус JavaScript

Вот несколько примеров того, что умеет JavaScript:

Пример

JavaScript может изменять содержимое:

документ.getElementById ("демонстрация"). innerHTML = "Привет, JavaScript!";

Попробуй сам "

Пример

JavaScript может изменять стили:

document.getElementById ("демонстрация"). style.fontSize = "25px";
document.getElementById («демонстрация»). Style.color = «красный»;
document.getElementById («демонстрация»). Style.backgroundColor = «желтый»;

Попробуй сам "

Пример

JavaScript может изменять атрибуты:

document.getElementById ("изображение"). src = "изображение.gif ";

Попробуй сам "

Тег HTML

Тег HTML

Пример


Попробуй сам "

Упражнения HTML


Теги HTML-скрипта

Тег Описание
<сценарий> Определяет клиентский сценарий
<сценарий> Определяет альтернативный контент для пользователей, которые не поддерживают клиентскую сторону. скрипты

.

HTML-тег скрипта


Пример

Напишите «Привет, JavaScript!» с JavaScript:

Попробуй сам "

Определение и использование

Тег


Атрибуты

Атрибут Значение Описание
асинхронный асинхронный Указывает, что сценарий выполняется асинхронно (только для внешних сценариев)
кодировка кодировка Задает кодировку символов, используемую во внешнем файле сценария.
отложить отложить Указывает, что сценарий выполняется после завершения анализа страницы (только для внешних сценариев)
src URL Задает URL-адрес внешнего файла сценария.
тип media_type Определяет тип носителя сценария

Глобальные атрибуты

Тег

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании
.

JavaScript Куда


Тег .

Пример

Попробуй сам "

В старых примерах JavaScript может использоваться атрибут типа:

Веб-страница


Абзац



Попробуй сам "

JavaScript в

В этом примере функция JavaScript помещается в раздел страницы HTML.

Функция вызывается (вызывается) при нажатии кнопки:

Пример



Веб-страница


Абзац



Попробуй сам "

Размещение скриптов в нижней части элемента улучшает отображение скорость, потому что интерпретация сценария замедляет отображение.


Внешний JavaScript

Скрипты также можно размещать во внешних файлах:

Внешний файл: myScript.js

function myFunction () {
document.getElementById ("демонстрация"). innerHTML = "Абзац изменен.";
}

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

Файлы

JavaScript имеют расширение .js .

Чтобы использовать внешний сценарий, поместите имя файла сценария в атрибут src (источник) тег


Внешние ссылки

На внешние скрипты можно ссылаться с помощью полного URL-адреса или пути относительно текущего веб-сайта. страница.

В этом примере для ссылки на скрипт используется полный URL:

Пример

Попробуйте сами »

В этом примере используется сценарий, расположенный в указанной папке на текущем веб-сайте. сайт:

Этот пример ссылается на сценарий, расположенный в той же папке, что и текущая страница:


.