HTML <script> 标签 - 蝴蝶教程

<script>标签定义和用法

<script>标记用于定义客户端脚本（JavaScript）。
<script>元素包含脚本语句，或者通过src属性指向外部脚本文件。
JavaScript的常见用途是图像处理，表单验证和内容的动态更改。
提示：如果您想学习JavaScript，请访问我们的JavaScript教程。
注意：如果存在“src”属性，则<script>元素必须为空。
提示：还要查看在其浏览器中禁用脚本的用户的<noscript>元素，或者使用不支持客户端脚本的浏览器。
注意：有如下几种方法可以执行外部脚本：

如果async =“async”：脚本与页面的其余部分异步执行（脚本将在页面继续解析时执行）
如果async不存在且defer=“defer”：脚本在页面完成解析时执行
如果不存在异步或延迟：在浏览器继续解析页面之前，将立即获取并执行脚本

<script>标签浏览器支持

IE/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<script>标签实例

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

尝试一下

HTML4.01和HTML5之间的差异

HTML4中需要“type”属性，但HTML5中是可选的。
“async”属性是HTML5中的新增功能。
HTML5中不支持HTML4.01属性：“xml:space”。

HTML和XHTML之间的差异

在XHTML中，脚本内部的内容被声明为#PCDATA（而不是CDATA），这意味着将解析实体。
这意味着在XHTML中，所有特殊字符都应该被编码，或者所有内容都应该包含在CDATA部分中：

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

<script>标签属性

橙红色的5标识代表HTML5新功能。

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

<script>标签全局属性

查看有关全局属性的更多知识。

<script>标签相关页面

HTML教程：HTML脚本

<script>标签默认CSS设置

script {
    display: none;
}