JavaScript高级程序设计(第4版)
上QQ阅读APP看书,第一时间看更新

2.4 <noscript>元素

针对早期浏览器不支持JavaScript的问题,需要一个页面优雅降级的处理方案。最终,<noscript>元素出现,被用于给不支持JavaScript的浏览器提供替代内容。虽然如今的浏览器已经100%支持JavaScript,但对于禁用JavaScript的浏览器来说,这个元素仍然有它的用处。

<noscript>元素可以包含任何可以出现在<body>中的HTML元素,<script>除外。在下列两种情况下,浏览器将显示包含在<noscript>中的内容:

❑ 浏览器不支持脚本;

❑ 浏览器对脚本的支持被关闭。

任何一个条件被满足,包含在<noscript>中的内容就会被渲染。否则,浏览器不会渲染<noscript>中的内容。

下面是一个例子:

    <! DOCTYPE html>
    <html>
      <head>
      <title>Example HTML Page</title>
      <script defer="defer" src="example1.js"></script>
      <script defer="defer" src="example2.js"></script>
      </head>
      <body>
      <noscript>
        <p>This page requires a JavaScript-enabled browser.</p>
      </noscript>
      </body>
    </html>

这个例子是在脚本不可用时让浏览器显示一段话。如果浏览器支持脚本,则用户永远不会看到它。