Использование тега script с примерами

О Теге script

1. Что такое "Тег script"
2. Атрибуты "Тега script"
3. Пример использования "Тега script"

Что такое "Тег script"

"Тег script" предназначен для

Подключения скрипта из файла.

Внутри первого тега добавляется атрибут src, в котором указывается ссылка на внешний файл скрипта подробнее :


<script src="ссылка"></script>

Либо для выполнения скрипта.

Скрипт располагается между открывающимся и закрывающимся тегом "script".

<script> alert('Привет мир!');</script>

Использование тега "<script></script>"

О втором способе использования тега "script" пойдет речь на данной странице!

Пример использования "Тега script"

Самый простой пример использования "Тега script" - это помещаем внутрь тега метод alert

<script> alert('Привет мир');</script>

Расположение "Тега script"

В зависимости от задачи и от ваших предпочтений "Тег script" может располагаться где угодно.

Но обычно по принятым нормам(не обязательным) тег располагается в теге head


Синтаксис "Тега script"

Использование типа(type) в html5 необязательно.

<script type="тип">

...

</script>

<script type="тип" src="URL"></script>




Атрибуты "Тега script"

async


Загружает скрипт асинхронно.

defer


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

language

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

src


Адрес скрипта из внешнего файла для импорта в текущий документ.

type


Определяет тип содержимого тега script"

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

Обязателен.




Пример использования "Тега script"

Самый простой пример использования тега "script", чтобы привести пример выполнения скрипта, нам нужно несколько компонентов:

Кнопка тега button

Функция - function

Событие - onclick

Метод - alert

Соберем пример использования тега "script"

<button onclick="my_foo()">Нажми на меня.</button>

<script>function my_foo(){ alert('Ты нажал на меня');}</script>

Результат использования тега "script"

Нажми на меня.