注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

phperwuhan的博客

记载一个phper的历程!phperwuhan.blog.163.com

 
 
 

日志

 
 

检测当前浏览器是否启用JS,Cookie .  

2010-11-25 17:47:50|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

来源:http://www.msaspx.com/?js/thread-673-1-1

现在的网站基本上都使用了JavaScript脚本功能和Cookie数据记录功能,但当用户的浏览器不是以常规配置来设置的话,禁用了脚本和Cookie功能,那我们的网站不就正常无法使用了?而用户并不知道是哪里出了问题.所以我们在设计网站的时候,对这两个功能检测一下,然后给出善意的提示和解决方法,远比什么都不做要强,这样给用户带来很友好的操作体验.

为了实现检测给出提示的效果,我做了测试,实现的检测代码如下:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>您的浏览器禁止了脚本运行</title>
<script language="javascript" type="text/javascript">
window.onload=function()
{
document.getElementById('jscheck').style.display='none';
document.getElementById('normalcontent').style.display='';
if(!(document.cookie || navigator.cookieEnabled))
{
alert('cookie 未打开!');
}
};
</script>
</head>
<body>
<div id="jscheck">您的浏览器禁止了脚本运行,本系统无法启动!</div>
<div id="normalcontent" style="display:none;">这里是正文</div>
</body>
</html>






分析上面的代码,我们默认的显示[您的浏览器禁止了脚本运行,本系统无法启动!],当页面加载完后用JS隐藏该文字,如果JS起作用了,该文字会隐藏,并显示正常页面内容,如果没起作用,就会这个提示.当然你可以写跟多的提示或者解决方法等.
当JS脚本功能启用后 ,用JS来检查Cookie是否启用就很简单了,如果启用了就正常,没启用会提示未打开.

测试结果:
IE6.0 ,FireFox,Chrome,Opera均通过.
  评论这张
 
阅读(1468)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017