判断浏览器是否支持JavaScript和Cookies

2016-02-19 22:12 9 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐判断浏览器是否支持JavaScript和Cookies,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  许多网站需要客户端做许多复杂的工作,比如:用客户端 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)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  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 (document.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*/
document.cookie = 'killme' + escape('nothing')
// --
/script

  这个程序能实现的功能是:

  1 当用户 JavaScript 打开,而 Cookies 关闭时弹出警告信息

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

来源:http://www.tulaoshi.com/n/20160219/1627931.html

延伸阅读
标签: Web开发
判断浏览器是否支持canvas,具体代码如下: 代码如下: !DOCTYPE html head meta charset=utf-8 / titlecanvas/title script type='text/javascript' window.onload = function(){ /**判断浏览器是否支持canvas**/ try{ document.createElement('canvas').getContext('2d'); var addDiv = document.createElement('div'); addDiv....
标签: ASP
  当开发人员使用Session变量时必须要求客户端浏览器支持接受cookies,当ASP开始一个Session,它将送一个cookies到客户端并带一个标示(SessionID).通过这个标示,ASP以后将可以确认Session并且因此来保持状态。所以,当你使用Session变量前,你需要确认cookies是否被接受。这里我讲解两个方法: 方法一: 无论何时你在两页之间,...
标签: Web开发
如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。 1)先制作下面的HTML span id="check" rel="Detect" /span 2)然后书写下面的CSS #check { display: none; width: 0; height: 0; } #check[rel^="D"] { display...
itudou支持哪些浏览器   有些朋友在下载了itudou之后发现自己的电脑用不了itudou,这是什么原因呢?小编也遇到过这样的问题,之后小编发现原来是我用的浏览器和itudou不兼容,那么itudou支持哪些浏览器呢?   itudou支持各类主流IE内核的浏览器: 支持IE6、IE7、IE8、IE9、奇虎360、世界之窗(The World)、傲游(Maxt...
标签: Web开发
代码如下: STRONG现在越来越多的网站都提供视频播放(非插件)。HTML5 提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢,下面我们来写一个列子。/STRONG 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1...

经验教程

413

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部