判断不同浏览器,加载不同的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
最新文章
- H3 BPM初次安装常见错误详解5-7
- Android 中 LayoutInflater 的使用
- hdu 5677 ztr loves substring 多重背包
- sql server 创建只读帐号
- TC SRM633
- JavaScript 现状:方言篇
- I.MX6 Android USB Touch eGTouchA.ini文件存放
- 黑盒测试用例设计方法&;理论结合实际 ->; 场景法
- node系列4
- mode(思维,注意内存)
- 向服务器写入错误日志-log
- HP DL388 gen9服务器安装RHEL 6.5系统
- Linux 链接详解(1)
- 微信小程序 选择微信自带的地址 用户授权选择了拒绝
- Spring RedisTemplate操作-注解缓存操作(11)
- prestashop nginx rewrite rule
- pivot 与 unpivot函数
- mysql 权限管理 目录
- android打开存储卡(TF卡\SD卡)中的sqlite文件
- ES6 箭头函数易出错细节
热门文章
- Android StickHeaderRecyclerView - 让recyclerview头部固定
- ANR android
- GUID 格式化
- Entity Framework:“无法加载指定的元数据资源
- Mirco F-measure and Macro F-measure
- 关于Visio的vba操作,遍历目录,对所有vsd文件操作,导入excel文件
- 用python管理Cisco路由器
- Win10提示“您未连接到nvidia gpu的显示器”的解决方法
- linux下使用libxml2实现对xml文件的读取及查询
- Ubuntu下Qt(Retex)无法输入中文