建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

客户浏览器JavaScript被禁用的提示页面代码

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


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

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

view sourcePRint?<!--[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是给后端语言用做判断的,比如:

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片