meta refresh方法
许多开发人员建议使用另一种方法在 JavaScript 关闭时显示内容。
我们需要重定向到一个页面,我们可以其中显示 JavaScript 已关闭的消息。
为此,我们可以使用 <noscript> 方法。
这是它的样子:
<noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html"> </noscript>
meta刷新方法由 HTML <meta> 标记组成,其中 http-equiv 参数设置为“refresh”,内容参数以秒为单位给出时间间隔,因此这会将用户重定向到该标题中指定的间隔内的另一个页面。
通过将刷新时间间隔设置为零(或者很小的值),meta刷新可以用作 URL 重定向的一种方法。
正如你在上面的代码中看到的那样,该页面中的 JavaScript 被禁用,浏览器被重定向到“ShowErrorPage.html”,在那里它会显示一条警告消息。
许多依赖 JavaScript 才能正常运行。
如果关闭,可能无法访问。
但是,出于安全考虑,许多用户在其浏览器上禁用了 JavaScript。
这就是为什么我们需要确保即使禁用了 JavaScript,仍能正常运行。
此外,必须在客户端和服务器端复制所有验证,以便我们可以在 JavaScript 关闭的情况下发现问题。
如果内容在没有 JavaScript 的情况下无法运行,则需要显示一条消息并说明问题。
在这个片段中,我们将看看 2 种在 JavaScript 关闭时显示内容的简单方法。
HTML <noscript> 标签
当 JavaScript 被禁用时,我们可以使用 <noscript> 标签来显示警告消息并使用 CSS 隐藏整个内容。
它看起来像这样:
<noscript> 无法播放视频,因为 Javascript 已被禁用。 </noscript>
这是上面的代码片段:
<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> <script> console.log("Welcome to onitroad") </script> <noscript> 您的浏览器不支持 JavaScript </noscript> </body> </html>
HTML <noscript> 标签有一个替代内容,它显示在不支持脚本的浏览器中,或者显示在用户禁用脚本支持的浏览器中。
在其他情况下,浏览器会忽略此标签及其内容。