HTML高级教程（8）——HTML 脚本

浏览数：50 / 时间：2015年06月09日

向 HTML 添加脚本（Script），使其动态性和交互性更强。

实例

插入一段脚本

本例演示如何将脚本插入 HTML 文档。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>

<body>

<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script> 

</body>
</html>

查看结果：

运行于不支持脚本的浏览器

本例演示如何对付不支持脚本的浏览器。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body>

<script type="text/javascript">
<!--
document.write("如果显示了这段文字，那么您的浏览器支持 JavaScript！")
//-->
</script>

<noscript>No JavaScript support!</noscript>

<p>
不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。
</p>
 
</body>
</html>

查看结果：

将脚本插入 HTML 页

HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。

<html>
<head>
</head>
<body>

<script type="text/javascript">
document.write("Hello World!")
</script>

</body>
</html>

上面的脚本输出以下结果：

Hello World!

提示：如果需要学习更多有关在 HTML 中编写脚本的知识，请访问我们的《JavaScript 教程》

如何应付老式的浏览器

如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别 <script> 标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。

实例

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
‘-->
</script>

<noscript> 标签

除了将脚本隐藏于注释中，你还可以添加 <noscript> 标签。<noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况：如果浏览器能够识别 <script> 标签，但是不支持其中的脚本，那么这些浏览器将显示出 <noscript> 标签内部的文本。不过，如果浏览器支持 <script> 内的脚本，那么浏览器将忽略 <noscript> 标签。

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
‘-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

标签	描述
<script>	定义脚本。
<noscript>	定义在脚本无法执行的情况下的替代文本。
<object>	定义嵌入的对象。
<param>	为对象定义 run-time 设置(参数)。
<applet>	不赞成使用。请使用 <object>。