<script> | HTML脚本标签的定义与用法

由 hcduguo

定义与用法

  • <script> 标签用于定义客户端脚本，比如 JavaScript；
  • <script> 元素既可包含脚本语句，也可以通过 “src” 属性指向外部脚本文件；
  • JavaScript 通常用于图像操作、表单验证以及其它动态内容。

<script> 标签有两种用法：

  1. 嵌入脚本代码
  2. 链接脚本文件

提示：<script> 标签通过src属性链接外部脚本文件，只能在<head>标记内使用。

语法格式

<script> ………………..</script>  

或者

<script type=”text/javascript” src=”” />  

示例代码

<script type="text/javascript">  
document.write("JavaScript是一种简单易学的脚本语言！")  
</script>

效果展示：

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)
   {
      // 代码内容
   }
   //]]>
</script>

浏览器支持

所有主流浏览器都支持 <script> 标签。

标签属性

: HTML5新属性。

属性值描述
asyncasync规定异步执行脚本（仅适用于外部脚本）。
charsetcharset规定在脚本中使用的字符编码（仅适用于外部脚本）。
deferdefer规定当页面已完成解析后，执行脚本（仅适用于外部脚本）。
srcURL规定外部脚本的 URL。
typeMIME-type规定脚本的 MIME 类型。
xml:spacepreserveHTML5 不支持。规定是否保留代码中的空白。

全局属性

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

相关