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

标签 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 重新打开时,用户才能看到显示页面功能的正确页面。

但是我该怎么做呢?

最佳答案

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

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

#js 会有 display: none

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

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

您也可以使用 ajax 加载所有内容,但那样做就有点过头了。即使在需要 JS 的情况下,网站仍然显示所有内容是很常见的(例如,Twitter 就是这样)。

关于php - 如何在页面中仅显示 javascript 消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14189266/

相关文章:

php - .htaccess 从 MySQL 读取

php - laravel 在验证 FormRequest 后返回错误而不是重定向的 json

php - 在 Laravel 中,我可以创建一个没有 new 的新模型实例吗?

javascript - 如何无限期删除 PouchDB 数据库以释放空间?

javascript - 在 javascript 中模拟点击(也在窗口外......)

c# - Html Agility Pack - 从 html 文档中获取 html 片段

PHP PDO 查找 UPDATE 的已找到行

javascript - mobex,@inject 仅商店的特定部分

javascript - 是否可以将多个模式中的多个打印按钮绑定(bind)到每个模式中的特定 div?

javascript - Ionic - 在 div/frame 中显示网站