首页 > 代码库 > HTML高级教程（8）——HTML 脚本

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

2024-07-13 19:09:31   219人阅读

向 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>。


联系
我们