向 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>。 |
HTML高级教程(8)——HTML 脚本
时间: 2024-10-17 22:15:04