小码哥的IT人生

HTML <noscript> 标签 详解

HTML基础 2022-06-02 09:41:55小码哥的IT人生shichen

HTML <noscript> 标签

例子

JavaScript

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

VBScript

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

浏览器支持

元素 Chrome IE Firefox Safari Opera
<noscript> Yes Yes Yes Yes Yes

所有浏览器都支持 <noscript> 标签。

定义和用法

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。

此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。

HTML 与 XHTML 之间的差异

NONE

提示和注释:

注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。

注释:无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您应当在注释标签中隐藏脚本。老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!

全局属性

<noscript> 标签支持 HTML 中的全局属性

TIY 实例

完整实例【运行于不支持脚本的浏览器】:

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<p>不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

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

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024