HTML参考手册
标签 | Elements
script
HTML<script> 元素用于嵌入或引用可执行脚本。
| 内容类别 | 
 Metadata content, Flow content, Phrasing content. | 
|---|---|
| 允许的内容 | 动态脚本,如文本/ JavaScript。 | 
| 标记遗漏 | 没有,起始和结束标签都是强制性的。 | 
| 允许父母 | 任何接受 metadata content 元素,或任何接受 phrasing content 的元素。 | 
| 允许ARIA角色 | 没有 | 
| DOM界面 | HTMLScriptElement | 
属性
这个元素包含全局属性。
asyncHTML5该布尔属性指示浏览器是否在允许的情况下异步执行该脚本。该属性对于内联脚本无作用 (即没有src属性的脚本)。
动态插入的脚本默认情况下是异步执行的,所以打开同步执行(即脚本以加载的顺序执行)设置async=false
请参阅浏览器兼容性以获取关于浏览器支持的注意事项。另请参阅asm.js的异步脚本。
crossorigin普通的script元素将最小的信息传递给window.onerror没有通过标准CORS检查的脚本。要允许对使用静态媒体的单独域的站点进行错误日志记录,请使用此属性。有关有效参数的更多描述性说明,请参阅CORS设置属性。
defer这个布尔属性被设置为向浏览器指示该脚本是在文件被解析之后,但在发射之前被执行的DOMContentLoaded。如果该src属性不存在(即内联脚本),则不能使用该属性,在这种情况下,该属性不起作用。为了达到类似的动态插入脚本的效果,可以使用async=false。
integrity包含内联元数据,用户代理可以使用这些内联元数据来验证提取的资源是否已经交付,没有意外的操作。请参阅子资源完整性。
nomodule此布尔属性被设置为指示脚本不应该在支持ES6模块的浏览器中执行- 实际上,这可以用于将回退脚本提供给不支持模块化JavaScript代码的旧浏览器。
src此属性指定外部脚本的URI; 这可以用来替代直接在文档中嵌入脚本。如果一个script元素有一个src指定的属性,它不应该在其标签内嵌入一个脚本。
text像textContent 属性一样,这个属性设置元素的文本内容。textContent 然而,与属性不同的是,在将节点插入DOM之后,该属性被评估为可执行代码。
type
指示表示的脚本的类型。此属性的值将在以下类别之一中:
- 
省略或JavaScript MIME类型:对于符合HTML5的浏览器,这表示脚本是JavaScript。HTML5规范敦促作者省略该属性,而不是提供冗余的MIME类型。在早期的浏览器中,这标识了嵌入或导入(通过src属性)代码的脚本语言。规范中列出了 JavaScript MIME类型。
- 
module**:** HTML5对于符合HTML5的浏览器,代码被视为JavaScript模块。脚本内容的处理不受charset和defer属性的影响。有关使用的信息module,请参见深度:模块中的ES6。
- 
任何其他值或MIME类型:嵌入式内容被视为不会被浏览器处理的数据块。该src属性将被忽略。
请注意,在Firefox中,您可以使用高级功能,例如稍后JS版本中的let语句和其他功能type=application/javascript;version=1.8。但是,要小心,因为这是一个非标准的功能,这很可能会打破对其他浏览器的支持,特别是基于Chromium的浏览器。
关于如何包含异国情调的编程语言,请阅读关于Rosetta。
已弃用的属性
language与type属性一样,此属性标识正在使用的脚本语言。type然而,与属性不同的是,这个属性的可能值从未标准化。type应该使用该属性来代替。
注意
浏览器继续解析页面之前,立即获取并执行没有async或defer属性的脚本以及内联脚本。
该脚本应该与text/javascriptMIME类型一起提供,但是浏览器是宽松的,只有在脚本使用图像类型(image/*),视频类型(video/*),音频(audio/*)类型或者text/csv。如果脚本被阻塞,error则发送给元素,否则load发送事件。
例子
<!-- HTML4 and (x)HTML -->
<script type="text/javascript" src="javascript.js"></script>
<!-- HTML5 -->
<script src="javascript.js"></script>规范
| Specification | Status | Comments | 
|---|---|---|
| HTML Living StandardThe definition of '<script>' in that specification. | Living Standard | Adds the module type | 
| HTML5The definition of '<script>' in that specification. | Recommendation |  | 
| HTML 4.01 SpecificationThe definition of '<script>' in that specification. | Recommendation |  | 
| Subresource IntegrityThe definition of '<script>' in that specification. | Recommendation | Adds the integrity attribute. | 
浏览器兼容性
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | 
|---|---|---|---|---|---|---|
| Basic Support | 1 | (Yes) | 11 | (Yes) | (Yes) | (Yes) | 
| async | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| crossorigin | 30 | (Yes) | 13 | No | 12.5 | (Yes)2 | 
| defer | (Yes) | (Yes) | 3.53 | 104 | No | (Yes) | 
| integrity | 45 | No | 43 | No | ? | No5 | 
| language | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| module | No | No | No | No | No | (Yes) | 
| nomodule | (Yes) | No | (Yes)6 | No | No | No | 
| src | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| text | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| type | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari | 
|---|---|---|---|---|---|---|---|
| Basic Support | (Yes) | (Yes) | (Yes) | 11 | (Yes) | (Yes) | (Yes) | 
| async | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| crossorigin | (Yes) | (Yes) | ? | 13 | No | ? | ? | 
| defer | (Yes) | (Yes) | (Yes) | 1.0 | No | ? | (Yes) | 
| integrity | 45 | 45 | No | 43 | No | ? | No | 
| language | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| module | No | No | No | No | No | No | (Yes) | 
| nomodule | (Yes) | (Yes) | No | (Yes)6 | No | ? | No | 
| src | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| text | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
| type | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) | 
标签 | Elements相关
 
                                超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
 
         加载中,请稍侯......
 加载中,请稍侯......