判断不同浏览器,加载不同的css和js文件
在低版本的IE中,条件注释还有效果,但是在ie9,10,11浏览器中,条件注释不起作用。
在网上找了个校验ie的方法。
function isIE(){
if (window.ActiveXObject || "ActiveXObject" in window){
alert('is ie')
}else{
alert(not ie')
}
}
isIE();
IE下才有这个对象ActiveXObject
当然我们也可以根据浏览器是否为IE,引入不同的js和css文件。
这里网上有个例子。
var linkNode = document.createElement("link"),scriptNode = document.createElement("script");
linkNode.setAttribute("rel","stylesheet");
linkNode.setAttribute("type","text/css");
scriptNode.setAttribute("type", "text/javascript");
if(getBrowser()=="IE"){
linkNode.setAttribute("href","css/index-ie.css");
scriptNode.setAttribute("src", "js/index-ie.js");
}else if(getBrowser()=="Firefox"){
linkNode.setAttribute("href","css/index-firefox.css");
scriptNode.setAttribute("src", "js/index-firefox.js");
}else if(getBrowser()=="Opera"){
linkNode.setAttribute("href","css/index-opera.css");
scriptNode.setAttribute("src", "js/index-opera.js");
}else if(getBrowser()=="Chrome"){
linkNode.setAttribute("href","css/index-chrome.css");
scriptNode.setAttribute("src", "js/index-chrome.js");
}else if(getBrowser()=="Safari"){
linkNode.setAttribute("href","css/index-safari.css");
scriptNode.setAttribute("src", "js/index-safari.js");
}
document.head.appendChild(linkNode);
document.head.appendChild(scriptNode);
即先生成link和script标签,给类型,再根据浏览器的不同给出不同的路径
是ie就引入polyfill.js和browser.js,并且vue的script标签类型为text/babel,非IE浏览器下,不需要引入polyfill.js和browser.js,vue的script标签类型为text/javascript,即最传统的类型。
function isIE(src){
var polyfill = document.createElement("script");
var browser = document.createElement("script");
var myVuejs = document.createElement("script");
polyfill.setAttribute("src", "../../js/bootshop/js/polyfill.js");
browser.setAttribute("src", "../../js/bootshop/js/browser.min.js");
myVuejs.setAttribute("src", src);
if (window.ActiveXObject || "ActiveXObject" in window){
myVuejs.setAttribute("type", "text/babel");
document.head.appendChild(polyfill);
document.head.appendChild(browser);
document.head.appendChild(myVuejs);
}else{
document.head.appendChild(myVuejs);
}
}
原文:https://blog.csdn.net/cofecode/article/details/80175179
posted on 2018-12-29 13:42 Alex_guoyihao 阅读(1416) 评论(0) 编辑 收藏 举报