最新的Web开发教程
 

HTML <script> Tag


写“你好JavaScript的!” 使用JavaScript:

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

定义和用法

<script>标签用于定义客户端脚本(JavaScript的)。

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

对JavaScript常见的用途是图像处理,表单验证,和内容的动态变化。

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


浏览器支持

元件
<script>

提示和注意

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

提示:请在<noscript>元素为在他们的浏览器禁用脚本或者不支持客户端脚本浏览器的用户。

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

  • 如果async="async" :脚本与页面的其余部分异步执行的(而页面继续解析的脚本将被执行)
  • 如果async不存在,并且defer="defer" :在页面完成解析执行脚本
  • 如果没有asyncdefer出现:剧本是获取并立即执行时,浏览器将继续解析页面之前,

HTML 4.01和HTML5之间的差异

"type"属性是必需的以HTML 4,但在HTML5可选的。

"async"属性,HTML5是新的。

在HTML 4.01属性: "xml:space" ,在HTML5不支持。


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:spacepreserve 在HTML5不支持。
指定空格代码是否应保留

全局属性

<script>标签支持全局的HTML属性


相关页面

HTML教程: HTML脚本

HTML DOM参考: 脚本对象

JavaScript的教程: 学习JavaScript


默认设置CSS

大多数浏览器将显示<script>与下面的默认值元素:

script {
    display: none;
}