zoukankan      html  css  js  c++  java
  • javascript判断ie浏览器6/7版本加载不同的样式表

    相关文章:实用的js判断浏览器类型及版本

    ie6/ie7的兼容问题很让人苦恼,我们可以针对这两个版本的浏览器单独写独立的样式表,来解决兼容问题。这里的例子以判断ie6与ie7来加载不同的样式表。

    关键点:1、对浏览器版本的判断;2、修改样式表路径

    其中第二点也常用在实时修改网页模板、论坛风格的场合,实际上就是修改样式表路径来加载不同的样式表。

    代码:

     1 <script type="text/javascript"> 
    2 var browser=navigator.appName
    3 var b_version=navigator.appVersion
    4 var version=b_version.split(";");
    5 try{ //代码只针对ie浏览器有效,为了避免在其他浏览器报错,可以用使用try{代码体}catch(err){代码体}来消除报错
    6 var trim_Version=version[1].replace(/[ ]/g,"");
    7 if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
    8 {
    9 //将"your-stylesheet-url"替换成想在ie7中加载的样式表的路径
    10 document.styleSheets[0].href="your-stylesheet-url"; //关键点修改样式表路径的方法:document.styleSheets[0].href
    11 }
    12 else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
    13 {
    14 //将"your-another-stylesheet-url"替换成想在ie6中加载的样式表的路径
    15 document.styleSheets[0].href="your-another-stylesheet-url";
    16 }
    17 }
    18 catch(err) { //捕捉错误后不作任何处理也可
    19 }
    20 </script>
  • 相关阅读:
    我理解的BFC
    框架设计—选择器模块
    eval 的使用与延展
    Git学习笔记
    CSS3选择器学习笔记
    JavaScript继承学习笔记
    JavaScript原型与原型链学习笔记
    javascript面向对象编程笔记
    GitHub图形界面使用笔记
    HTML5表单学习笔记
  • 原文地址:https://www.cnblogs.com/imyeah/p/2298795.html
Copyright © 2011-2022 走看看