使用<noscript>标签

课后整理 2020-12-20

早期浏览器不支持JavaScript,为了确保页面平稳兼容,创造了一个<noscript>标签,用以在不支持JavaScript的浏览器中显示替代的内容。这个元素可以包含能够出现在文档<body>中的任何HTML标签,但<script>标签除外。包含在<noscript>标签中的内容只有在下列情况下才会显示出来:

符合上述任何一个条件,浏览器都会显示<noscript>中的内容。而在除此之外的其他情况下,浏览器不会呈现<noscript>中的内容。

【示例】请看下面这个简单的例子。

<!doctype html>
<html>
<head>
<meta  charset="utf-8">
<title>test</title>
<script>
document.write("<h1>当前浏览器支持JavaScript</h1>")
</script>
</head>
<body>
<noscript>
   <h1>当前浏览器不支持JavaScript</h1>
</noscript>
</body>
</html>

这个页面会在脚本无效的情况下会显示一行文字:当前浏览器不支持JavaScript。而在启用了脚本,且支持JavaScript的浏览器中会显示:当前浏览器支持JavaScript。