如何在页面中仅显示javascript消息

时间:2013-01-07 03:00:29

标签: php javascript html

我在下面有一段代码,如果关闭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被重新打开时,用户才能看到显示页面功能的正确页面。

但我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

最简单的方法是让页面上的所有代码都包含在隐藏的元素中,例如:

<body>
   <noscript>...</noscript>
   <div id="js">
      ...code here...

#js会有display: none

然后,您可以在页面底部找到一个简单的脚本:

document.getElementById('js').style.display = 'block';

您还可以使用ajax加载所有内容,但这样会有点过分。即使需要JS(例如Twitter),网站仍然显示所有内容是很常见的。