Как добавить JavaScript и CSS в свои темы и плагины WordPress. Как добавить скрипт на страницу

Скрипт добавляется на страницу с помощью тэга . Его можно разместить в любом месте страницы, как в тэге , так и в тэге . На странице может быть несколько скриптов. Они связаны между собой. Данные, полученные одним скриптом, могут быть использованы следующими скриптами. Раньше нужно было указывать атрибуты type и language . Но в HTML5 при работе в JavaScript их указывать не обязательно.

Скрипт можно добавить двумя способами - разместить код скрипта внутри тэга или создать файл скрипта, а в теге указать путь к файлу. Создадим страницу и добавим на неё скрипт. Этот скрипт будет выводить окно с сообщением. Код скрипта пока Вам не понятен, поэтому Вы можете просто скопировать его.

Сохраним файл с именем filescript, тип файла должен быть Java Script files. Разместим файл в той же папке, где находится созданная ранее страница. Теперь присоединим файл к странице. Для этого добавим на страницу ещё один тэг . Файл нужно указать в атрибуте src . Путь к файлу указывается так же, как и к файлам других типов.

Теперь при запуске страницы на экране должны появляться по очереди два сообщения. Сначала первое, а после нажатия кнопки OK, второе.

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

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

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

В Вашем браузере не работают скрипты

Некоторые старые браузеры не поддерживают тэг , но в современных браузерах он работает.

Инструкция

Скрипты JavaScript - это сценарии, которые выполняется не на сервере, а непосредственно в браузере, поэтому их называют «клиентскими». Если скрипт попал к вам в виде отдельного файла с расширением "js", то подключить его к странице надо добавлением в заголовочную часть ее HTML-кода соответствующего тега со ссылкой на этот файл. Заголовочная - это та часть, которая начинается с тега и завершается тегом . Поэтому вы не ошибетесь, если найдете в коде страницы закрывающий тег и поместите перед ним такую ссылку на JavaScript-файл:Здесь в атрибуте src указано имя файла "script.js" - его вам надо заменить на имя вашего js-файла. Чтобы браузер мог найти и прочесть этот файл, его нужно поместить в ту же папку сервера, где лежит и сама страница. Если вы закачаете его в другое место - укажите соответствующий адрес вместе с именем файла в атрибуте src.Если JavaScript у вас есть не в отдельном файле, а просто в виде текста, начинающегося с тега