<script> – Атрибут type
Атрибут type
(тип) елемента <script>
вказує на тип сценарію, що представлений елементом: класичний сценарій, карта імпортування, модуль JavaScript, правила спекуляції або блок даних.
Значення
Значення цього атрибута вказує тип даних, представленим сценарієм, і може бути одним з-поміж наведених нижче:
- Атрибут не заданий (усталено), порожній рядок або MIME-тип JavaScript
Вказує на те, що цей сценарій є "класичним сценарієм", що вміщає код JavaScript. Розробникам рекомендується пропускати цей атрибут, якщо сценарій вказує на код JavaScript, а не вказувати MIME-тип. MIME-типи JavaScript перераховані в специфікації типів медіа IANA.
importmap
Це значення вказує на те, що тіло цього елемента містить карту імпортування. Карта імпортування – це об'єкт JSON, який розробники можуть використовувати для керування тим, як браузер розв'язує специфікатори модулів при імпортуванні модулів JavaScript.
module
Це значення вказує на те, що цей код слід розглядати як модуль JavaScript. Обробка вміщеного коду – відкладається. Атрибути
charset
іdefer
– не діють. Інформація про використанняmodule
– у посібнику Модулі JavaScript. На відміну від класичних сценаріїв, модульні сценарії вимагають використання протоколу CORS для отримання даних з іншого походження.speculationrules
Це значення вказує на те, що тіло цього елемента містить правила спекуляції. Правила спекуляції приймають форму об'єкта JSON, який визначає, які ресурси браузер повинен попередньо отримати або попередньо візуалізувати. Це частина API правил спекуляції..
- Будь-яке інше значення
Вміст усередині розглядається як блок даних і не обробляється браузером. Розробники повинні використовувати дійсні MIME-типи, які не є MIME-типом JavaScript, позначаючи блоки даних Усі інші атрибути ігноруються, включно з атрибутом
src
.
[!NOTE] В раніших браузерах тип ідентифікував мову сценарію вбудованого або імпортованого (за допомогою атрибута
src
) коду.
Специфікації
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
type
|
Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support 4 | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |
module
|
Chrome Full support 61 | Edge Full support 79 | Firefox Full support 60 | Internet Explorer No support Ні | Opera Full support 48 | Safari Full support 10.1 | WebView Android Full support 61 | Chrome Android Full support 61 | Firefox for Android Full support 60 | Opera Android Full support 45 | Safari on iOS Full support 10.3 | Samsung Internet Full support 8.0 |