HTML <script> 标签

实例

写"Hello JavaScript!"使用JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
运行 »

定义和用法

<script> 标记用于定义客户端脚本(JavaScript).

<script> 元素包含脚本语句,或者通过src属性指向外部脚本文件.

JavaScript的常见用途是图像处理,表单验证和内容的动态更改.

提示:如果您想学习JavaScript,请访问我们的 JavaScript教程 .


浏览器支持

Element
<script> Yes Yes Yes Yes Yes

提示和注意事项

注意:如果存在"src"属性,则 <script> 元素必须为空.

提示:还要查看在其浏览器中禁用脚本的用户的 <noscript> 元素,或者使用不支持客户端脚本的浏览器.

注意:有几种方法可以执行外部脚本:

  • 如果async="async":脚本与页面的其余部分异步执行(脚本将在页面继续解析时执行)
  • 如果async不存在且defer="defer":脚本在页面完成解析时执行
  • 如果不存在异步或延迟:在浏览器继续解析页面之前,将立即获取并执行脚本


HTML 4.01和HTML5之间的差异

HTML 4中需要"type"属性,但HTML5中是可选的.

"async"属性是HTML5中的新增功能.

HTML5中不支持HTML 4.01属性:"xml:space".


HTML和XHTML之间的差异

在XHTML中,脚本内部的内容被声明为#PCDATA(而不是CDATA),这意味着将解析实体.

这意味着在XHTML中,所有特殊字符都应该被编码,或者所有内容都应该包含在CDATA部分中:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

属性

= HTML5中的新功能.

属性 描述
async async 指定脚本异步执行 (仅适用于外部脚本)
charset charset 指定外部脚本文件中使用的字符编码
defer defer 指定在页面完成解析后执行脚本 (仅适用于外部脚本)
src URL 指定外部脚本文件的URL
type media_type 指定脚本的媒体类型
xml:space preserve HTML5不支持.
指定是否应保留代码中的空白

全局属性

<script> 标记还支持HTML中的 全局属性 .


相关页面

HTML教程: HTML脚本

HTML DOM参考: 脚本对象

JavaScript教程: 学习JavaScript


默认CSS设置

大多数浏览器将使用以下默认值显示 <script> 元素:

script {
    display: none;
}