HTML中 JavaScript 的加载方式
前言
相信各位前端的小伙伴都用过script
元素,今天我们就来好好聊一聊它。
script元素
将JavaScript插入HTML的主要方法是使用〈〉元素,有下列8个属性
属性名 | 状态 | 描述 |
---|---|---|
async | 可选 | 表示应该立即下载脚本,但不能阻止其他页面动作,只对外部脚本文件有效 |
charset | 可选 | 使用src属性指定的代码字符集(很少用,大部分浏览器不在乎) |
crossorigin | 可选 | 配置相关请求的cors设置,默认不用 |
defer | 可选 | 表示在文档解析和显示完成后再执行脚本,只对外部脚本文件有效 |
integrityr | 可选 | 允许比对接收道德资源和指定的加密签名以验证子资源的完整性,若接收子资源的加密签名与属性指定签名不匹配,则页面报错 |
language | 废弃 | 最初用于表示代码块中的脚本语言 |
src | 可选 | 表示要执行的代码的外部文件 |
type | 可选 | 表示代码块中脚本语言的内容属性 |
src的优先级高于行内代码:使用了src属性的script元素,如果再在标签内包含其它javascript代码,会忽略行内代码。
<script src="xxx"> // 代码无效
function fn() {} </script>
script 标签位置
head 标签内
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale