2.1 <script>元素
2.1.1 <script>元素有如下8个属性
- async:可选 表示应该立即开始下载脚本,但不能阻止其他页面的动作,只对外部脚本文件有效。
- charset:指定代码字符集
- crossorigin:可选 配置相关请求的CORS(跨域资源共享)设置。crossorigin="anonymous"配置文件请求不必设置凭据标志;crossorigin="use-credentials"设置凭据标志,出站请求会包含凭据。
- defer:表示在文档解析和显示完成后再执行脚本没有问题,只对外部脚本有效。
- integrity:可选 允许接收到的资源和指定的加密签名和以验证子资源完整性。如果接受到的资源的签名与这个属性指定的签名不匹配,则页面报错,脚本不会执行。这个属性用于确保内容分发网络不会提供恶意内容。
- language:废弃
- src:可选 表示包含要执行的代码的外部文件。
- type:可选 代表代码块中脚本语言的内容类型(MIME),惯例这个值始终是“text/javascript"。JavaScript文件的MIME类型通常是"application/x-javascript",在非IE浏览器中这个值还有“application/ecmascript"和"application/javascript"。如果这个值是”module",则代码会当成ES6模块,在代码块中可出现import和export关键字。
使用<script> 的两种方式:
- 直接在网页中嵌入<script>
- 通过它在网页中包含外部JavaScript文件
在行内JavaScript代码中不能出现字符串</script> ,会被当成结束的</script>
//错误代码示例
<script>
function sayScript(){
console.log("</script>");
}
</script>
正确需要转义字符"/"
//正确代码示例
<script>
function sayScript(){
console.log("<\/script>");
}
</scri