为你的网站添加上JavaScript禁用提示页面吧

简介:

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

2011042116485753.jpg

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

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

<!--[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脚本禁用的提示对用户操作、交互都是很有帮助的,建议大家以后再开发网站时,可以考虑到这一点。淘宝为什么会成功,就是因为这些很小的细节。



   本文转自胡尐睿丶博客园博客,原文链接:http://www.cnblogs.com/hooray/archive/2011/04/21/2023788.html,如需转载请自行联系原作者


相关文章
|
17天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
1月前
|
JavaScript 前端开发 Java
springboot从控制器请求至页面时js失效的解决方法
springboot从控制器请求至页面时js失效的解决方法
15 0
springboot从控制器请求至页面时js失效的解决方法
|
1月前
|
数据采集 存储 JavaScript
赋能数据收集:从机票网站提取特价优惠的JavaScript技巧
使用JavaScript和爬虫代理IP,旅游行业可高效抓取机票特价信息。通过模拟不同地区用户,提升数据收集成功率,全面了解市场动态。数据存储到数据库后进行统计分析,助力企业把握用户需求和市场趋势优化决策。
赋能数据收集:从机票网站提取特价优惠的JavaScript技巧
|
1月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 004 我的第一个页面
编程笔记 html5&css&js 004 我的第一个页面
|
3月前
|
存储 JavaScript 前端开发
只使用简单的 JavaScript 创建文件共享型网站
只使用简单的 JavaScript 创建文件共享型网站
39 0
只使用简单的 JavaScript 创建文件共享型网站
|
3月前
|
JavaScript
如何使用JS控制指定页面大小开启全屏和退出全屏
如何使用JS控制指定页面大小开启全屏和退出全屏
25 0
|
3月前
|
JavaScript 数据安全/隐私保护
|
3月前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
61 1
|
3月前
|
存储 JavaScript
JS中从a页面跳转到b页面,自动执行一次点击事件
JS中从a页面跳转到b页面,自动执行一次点击事件
|
1月前
|
JavaScript 前端开发
springboot+layui从控制器请求至页面时js失效的解决方法
springboot+layui从控制器请求至页面时js失效的解决方法
16 0