有关 IE 兼容性
原创阿波罗 D 波随笔学习收获 11 阅读 1 小时前
1. 区别 IE 与其他浏览器的方法
- // document.all
- if (document.all){
- alert("IE 浏览器");
- }else{
- alert("非 IE 浏览器");
- }
- // !!window.ActiveXObject
- if (!!window.ActiveXObject){
- alert("IE 浏览器");
- }else{
- alert("非 IE 浏览器");
- }
2. 判断 IE 版本主要的是获取两个属性, a. 当前浏览器名称, b. 当前浏览器版本
- window.onload = function() {
- var browser_name = navigator.appName, // 获取当前浏览器的名称
- browser_version = navigator.appVersion, // 获取当前浏览器的平台和版本信息
- version_arr = browser_version.split(";"), // 将平台版本信息按照; 切割成数组
- version = version_arr[1].replace(/\s/g, ""); // 取上一步数组下标为 1 的元素, 去空格
- // console.log(browser_name);
- // console.log(browser_version);
- // console.log(version_arr);
- // console.log(version);
- if (browser_name == "Microsoft Internet Explorer") { // 如果浏览器名称为 IE
- if (version == "MSIE5.0" || version == "MSIE7.0") { // 当前 IE 版本满足其中任意一个执行以下操作
- alert("为了您更好的体验, 请下载最新的浏览器");
- }
- }
- };
3. 判断 ie 包括 ie10 11,link,script 引入的路径按照自己项目放的路径来写
- <script>
- if(!!window.ActiveXObject || "ActiveXObject" in window){
- document.write("<link href='../../CSS/ie8.css'rel='stylesheet'>"+"<"+"/script>");
- window.jQuery || document.write("<script src='../../lib/bower_components/jquery-1.10.2.js'>"+"<"+"/script>");
- window.console = window.console||{log:function(a){}};
- }else{
- window.jQuery || document.write("<script src='../../lib/bower_components/jquery-2.0.3.js'>"+"<"+"/script>");
- };
- </script>
4.Jquery 从 2.x 版本开始已经不再进行 IE 低版本 (IE6,IE7,IE8) 的兼容性处理. 如果需要兼容低版本的 IE 版本, 建议使用原生 JS 或者低版本的 Jquery1.x 版本. IE8 以下版本可以这样写:
<!--[if lte IE 8]>
<script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<![endif]-->
5. 根据不同的浏览器内核加载不同的 js
- <script language="javascript">
- if(navigator.appName == "Microsoft Internet Explorer")
- {
- if(navigator.appVersion.match(/7./i) == '6.' ||
- navigator.appVersion.match(/7./i) == '7.' ||
- navigator.appVersion.match(/7./i) == '8.')
- {
- document.write("<script src=\"myjs1.js\">"+"</script>");
- }else{
- document.write("<script src=\"myjs2.js.js\">"+"</script>");
- }
- }
- </script>
- var lod = function(){
- if(document.body.offsetWidth < 800){
- document.body.style.display="none";
- alert('暂不支持移动端访问, 敬请在 pc 端访问.');
- return false;
- }
- }
- lod();
来源: http://www.qdfuns.com/article/23906/aa63d31d9786058311e8a2c306b97d96.html