判断访问者的浏览器是否支持javascript和Cookies


判断访问者的浏览器是否支持javascript和Cookies
作者:Jon Wetzel
许多网站需要客户端做许多复杂的工作,比如:用客户端 javascript 进行数据合法性校验,这需要客户浏览器的
javascript enabled;使用 Session 变量记录身份等信息,需要浏览器 Cookies enabled。因此,有必要确定用户浏览器
中的这些选项被打开。在我的网站中,我使用了一串简洁的代码实现这些功能,在用户登录时进行检查,如果不符合就不
让登录。在本文中,我就介绍一下这个login页面的写法。

我们首先用 javascript 建立一个 Cookie,然后检查 Cookie 是否存在。由于我们使用 javascript 进行这项操作,如果
用户没有打开 javascript,但打开了 Cookies 的话,我们仍然会得到 Cookies 没打开的结果。但这与我们的要求并不冲
突,反正我们是要求两者都打开的。(如果你确实只想知道 Cookies 是否 enabled,而不关心 javascript,也是有办法
的,我们在另文中讨论)要确定用户是否打开 javascript,我在 HTML 中建立了一个隐藏 from,然后在 onload 事件中
调一个 javascript 函数,改变该隐藏 form 的值,如果值被改变了,那就说明 javascript 是打开的,否则这个
javascript 函数就不会被调用。(上面两个功能我写在一个函数中)

首先,我们放一个隐藏 form 在 HTML 中,用<form>...</form>括起来。(当然,中间还可以有 username/password 的
from)

<FORM>
  ...
  <input type="hidden" name="cookieexists" value="false">
</FORM>  

只要它的值是false,就说明浏览器不支持 javascript。注意其初始值是 false。我们的 javascript 函数将把这个值换
为true。在 BODY 中这样写:
<body onload="cc()">  

cc()的内容如下:
<script language="javascript">
<!-
function cc()
{
/* check for a cookie */
  if (documents.cookie == "")
  {
    /* if a cookie is not found - alert user -
     change cookieexists field value to false */
    alert("COOKIES need to be enabled!");

    /* If the user has Cookies disabled an alert will let him know
        that cookies need to be enabled to log on.*/

    document.Form1.cookieexists.value ="false"  
  } else {
   /* this sets the value to true and nothing else will happen,
       the user will be able to log on*/
    document.Form1.cookieexists.value ="true"
  }
}

/* Set a cookie to be sure that one exists.
   Note that this is outside the function*/
documents.cookie = 'killme' + escape('nothing')
// -->
</script>


这个程序能实现的功能是:
1 当用户 javascript 打开,而 Cookies 关闭时弹出警告信息
2 当用户 javascript 关闭,用户无法直接得到检查结果。(不要忘记,要弹出警告窗口也需要执行 alert 这个
javascript 语句,这时即使检查出来都无法提示),但这时用户的 from 提交后,后台的程序就会发现 cookieexists 这
个域的值是 false,这就说明 javascript 关闭了。以后要做什么就不用我说了吧?

本文作者:



相关阅读:
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
JavaScript 动态添加表格行 使用模板、标记
CSS实例:三列等高布局
awk简介与学习笔记收集
储存秘诀: Exchange 2000 硬盘考量
编写email邮件的HTML页面原则小结
vbs 错误捕获器,用于捕获内部错误并进行手工处理
写了一个layout,拖动条连贯,内容区可为iframe
网页中css四种链接引用方法浅谈
新闻一段时间向上滚动效果
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
一个字段同时满足多个条件的查询
Visual Studio 2010用户界面重要升级简介
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4