我在下面有一段代码,如果关闭javascript,它会显示一条消息:
<noscript style='color: red'><img src="Images/warning-2.fw.png" alt="Javascript Warning" id="warningImage" name="warningSymbol"/> In order to use this application without any problems, you must have javascript enabled</noscript>
现在该消息显示在noscript.php
页面中,因此我所做的是使用include()将其include(
noscript )
外部化,并将其包含在所有内容中我的PHP脚本如此:
Text.php(示例)
include('noscript')
//rest of page code
现在正在发生的事情是,如果javascript被关闭,它会显示javascript消息,但它会显示代码的重置,因此它会输出所有页面功能。
我想要做的是,如果javascript被关闭,那么我希望它显示消息而不是下面的其余代码,我只想要显示javascript消息。只有当javascript被重新打开时,用户才能看到显示页面功能的正确页面。
但我怎么能这样做?
答案 0 :(得分:2)
最简单的方法是让页面上的所有代码都包含在隐藏的元素中,例如:
<body>
<noscript>...</noscript>
<div id="js">
...code here...
#js
会有display: none
。
然后,您可以在页面底部找到一个简单的脚本:
document.getElementById('js').style.display = 'block';
您还可以使用ajax加载所有内容,但这样会有点过分。即使需要JS(例如Twitter),网站仍然显示所有内容是很常见的。