JavaScript 怎样将代码隐藏在不支持 JavaScript 的旧浏览器中
现如今,所有现代浏览器都支持 JavaScript,然而旧版本的浏览器不支持 JavaScript。在本文中,我们将学习如何在旧版本浏览器中隐藏 JavaScript 代码的运行。
方法: 在<script>
标签打开后,我们将使用一行 HTML 样式的注释,注释不包含任何闭合字符(<!–
)。然后,我们将写入要隐藏在旧版本浏览器中的 JavaScript 代码。在关闭脚本之前,我们将用注释和关闭字符(//–>
)闭合,并使用</script>
标签关闭脚本。
语法:
<script>
<!--
// Your JavaScript code
// that is hidden from older browser
console.log("Hello Geeks");
//-->
</script>
示例: 在这个示例中,如果浏览器支持JavaScript,背景颜色将被改变为红色,否则将保持黄色。
HTML
<!DOCTYPE html>
<html lang="en">
<body bgcolor="yellow">
<h1 style=
"text-align: center;
font-size: 3rem;">
Hello Geeks
</h1>
<script type="text/javascript">
<!--
document.bgColor ="red";
//-->
</script>
</body>
</html>
输出: 我们可以看到,旧的浏览器会忽略JavaScript代码,并将JavaScript代码视为HTML注释,但是现代浏览器可以轻松访问JavaScript代码,并不会有任何问题。
- 当浏览器不支持JavaScript时:
-
当浏览器支持JavaScript时:
注意: 如果IDE在使用上述方法时出现语法警告,我们可以在第一个HTML样式注释之前添加一个JavaScript注释来阻止它发生。
<script>
//<!--
// Your JavaScript code
// that is hidden from older browser
console.log("Hello Geeks");
//-->
</script>