巧用Behaviors检测浏览器

http://www.xue8.net 2006-10-23 23:27 来源:学吧
文章来自于【学吧】http://www.xue8.net/pm/view.asp?ArticleID=1508
  我们知道,网页浏览器到目前为此还没有一个统一的标准,从而造成了在一种浏览器中很漂亮的页面,而在那一种浏览器中却面目全非的现象,为了减少这种现象出现,我们往往要根据主流的几种浏览器来设计同一内容不同格式的网页。目前在国内IE有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟她是浏览器的元老。Dreamweaver3为我们设计和调试不同浏览器的网页提供了许多方便,关于这一点我另有专用介绍。那么当我们设计了适合不同浏览器的网页,又如何自动地检测访客的浏览器从而显示不同的网页呢?这个问题看起来比较复杂。但用Behaviors的Check Browser动作可以很轻松地解决。在用此方法之前,你必须准备三个同一内容的页面,一个适合IE浏览器的(设为IEpage.htm);一个适合NetScape浏览器的(设为NSpage.htm);另一个适合其它浏览器的(设为Otherpage.htm)。下面我们讲具体方法:
  
  1、考虑到国内大部分是IE浏览器,所以我们把Check Browser动作放在适合IE浏览器的网页上。那么我们就在Dreamweaver3中打开该网页(IEpage.htm)。由于我们希望能在载入网页时能自动检测浏览器并自动打开相应的页面,自然想到用“onLoad”来作触发事件,但Behaviors使用“onLoad”这个触发事件是有条件的,这我放到本文的后面讲,先用老一套办法来解决。选取几个文字做一个空链接,再按F8调出Behaviors面板,在面板上点击“+”图标,然后在拉出的菜单中选择Check Browser动作,弹出的Check Browser对话框如下图所示:
  
  
  图1 Check Browser动作对话框
  
  初看这个编辑窗口那么多参数,还有好多选项,不要紧张,搞清楚这个动作的原理就不必害怕了,这个动作是由一组复杂的条件语句完成的,根据判断的结果做出选择,在三个网页当中选其一。这个动作可以明确判断两种浏览器:Netscape 和IE,不是这两种浏览器一概做Other Browser 处理。判断每一种浏览器都会有三种选项,Go to URL(打开一指定文件),Go to Alt URL(打开另一指定页面),Stay on this page(停留在该页面)。URL和Alt URL是定义Go to URL 和Go to Alt URL所指向页面的。
  
1 2

发表评论

用户名:
密 码:
匿名评论
请发表评论时遵纪守法并注意语言文明!
验证码:
用户名
评论内容
目前尚无评论!