JavaScript禁用提示页面的实现方法

本篇内容主要讲解“JavaScript禁用提示页面的实现方法”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaScript禁用提示页面的实现方法”吧!

淘宝曾做出调查，大约有0.1%的淘宝用户在访问淘宝网的时候是警用js脚本的，虽然看似比例不大，但假设淘宝网每天有1000万人访问，那也有1万人是无法正常浏览淘宝网的，一个大型的网站是绝对不允许出现这样的问题的，所以淘宝在这块做的很好，怎么个好？让我们用IE8来测试下（当然前提是在Internet选项里把js脚本都禁用起）

然后访问，我们发现出现了一个提示页面，提示用户是否继续访问，或者进入另外一个页面查看解决办法。

有了这么一个页面，是否觉得操作上更加友好了？那这功能要如何实现呢，其实代码相当简单：

<!--[if lte IE 8]>  <noscript>  <style>  //当脚本警用时，将网页上不需要显示的模块都进行隐藏  .html5-wrappers{display:none!important;}  </style>  <div class="ie-noscript-warning">  您的浏览器禁用了脚本，请<a href="">查看这里</a>  来启用脚本!或者<a href="/?noscript=1">继续访问</a>.  </div>  </noscript>  <![endif]-->

上面这段代码是淘宝主页上直接复制来，但其中继续访问的链接里加了句“?noscript=1”，在淘宝上测试后，点击继续访问会显示正常主页（js脚本禁用下的主页），但我在本地测试却不行，可能noscript=1是给后端语言用做判断的，比如：

<?php  if(!$_GET['noscript']){  ?>  <!--[if lte IE 8]>  <noscript>  <style>  //当脚本警用时，将网页上不需要显示的模块都进行隐藏  .html5-wrappers{display:none!important;}  </style>  <div class="ie-noscript-warning">  您的浏览器禁用了脚本，请<a href="">查看这里</a>  来启用脚本!或者<a href="/?noscript=1">继续访问</a>.  </div>  </noscript>  <![endif]-->  <?php  }  ?>

哈哈，这只是我用php做了个假设，如果我没记错，淘宝也是用php做的，noscript=1很有可能就是这样操作的，当然代码肯定不会这样直接卸载页面里。

总的来说，有一个js脚本禁用的提示对用户操作、交互都是很有帮助的，建议大家以后再开发网站时，可以考虑到这一点。淘宝为什么会成功，就是因为这些很小的细节。

到此，相信大家对“JavaScript禁用提示页面的实现方法”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！