dedecms织梦内容管理系统    
首页 | java | C/C++ | PHP | 操作系统 | ajax | 脚本编程 | 安全技术 | 本站下载页 | 专题 | QQ群 | 测试中心 | 会员中心 | 积分规则
  当前位置:主页>ajax>文章内容
通过 Javascript 实现的 CSS 浏览器选择符(CSS Browser Selector)
来源: 作者:
CSS 在不同浏览器下的最终显示效果是不同的,因此,出现了很多根据不同浏览器作相应处理的 HACK 技术,本文介绍的是通过   Javascript 检测浏览器和操作平台类型,然后设置特定选择符。设置样式时,通过 CSS 的包含选择符,我们很容易就能根据不同浏览器作出 不同处理。





Javascript:
  1.  
  2. <script type="text/javascript">
  3. // 说明 : 通过 Javascript 实现的 CSS 浏览器选择符(CSS Browser Selector)
  4. // 整理 : CodeBit.cn ( http://www.codebit.cn )
  5.  
  6. // CSS Browser Selector v0.2.5
  7. // Documentation: http://rafael.adm.br/css_browser_selector
  8. // License: http://creativecommons.org/licenses/by/2.5/
  9. // Author: Rafael Lima (http://rafael.adm.br)
  10. // Contributors: http://rafael.adm.br/css_browser_selector#contributors
  11. var css_browser_selector = function() {
  12. var
  13. ua=navigator.userAgent.toLowerCase(),
  14. is=function(t){ return ua.indexOf(t) != -1; },
  15. h=document.getElementsByTagName('html')[0],
  16. b=(!(/opera|webtv/i.test(ua))&&/msie (\d)/.test(ua))?('ie ie'+RegExp.$1):is('gecko/')? 'gecko':is('opera/9')?'opera opera9':/opera (\d)/.test(ua)?'opera opera'+RegExp.$1:is('konqueror')?'konqueror':is('applewebkit/')?'webkit safari':is('mozilla/')?'gecko':'',
  17. os=(is('x11')||is('linux'))?' linux':is('mac')?' mac':is('win')?' win':'';
  18. var c=b+os+' js';
  19. h.className += h.className?' '+c:c;
  20. }();
  21. </script>
  22.  



其原理是:先用 js 检测浏览器类型和操作系统平台,然后给最高节点 “HTML” 赋上对应的 class ,然后在设置样式时,我们就可以通过 css 的包含选择符,根据不同浏览器作出不同处理了。

上一篇:flex控制光标   下一篇:用 javascript获取页面上有选择符的 CSS 规则
[收藏] [推荐] [评论(0条)] [返回顶部] [打印本页] [关闭窗口]  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
 §最新评论
  热点文章
·正则表达式30分钟入门教程
·AJAX技术在PHP开发中的简单应用
·AJAX上手篇
·用AJAX+J2EE实现网上会议室系统
·AJax联手SOA新一代Web2.0应用程
·prototype里的$方法
·警告!Ajax技术的安全问题不容忽
·JavaScript中如何定义类
·JS的流程设计器,我们需要什么
·用 javascript获取页面上有选择
· 滑动式折叠菜单 - Slashdot's
· 在 XHTML-Strict 模式下实现新
  相关文章
·用 javascript获取页面上有选择
· 滑动式折叠菜单 - Slashdot's
· 在 XHTML-Strict 模式下实现新
· 一个非常健全的 Javascript 链
· 用 Javascript 和 CSS 实现脚注
·JS的流程设计器,我们需要什么
·JavaScript中如何定义类
·警告!Ajax技术的安全问题不容忽
·prototype里的$方法
·AJax联手SOA新一代Web2.0应用程
·用AJAX+J2EE实现网上会议室系统
·AJAX上手篇
  相关信息
copy right @ 百家拳软件项目研究室 2007 辽ICP备07011763