JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件

最新推荐文章于 2024-07-26 10:14:05 发布

方寸之间。

最新推荐文章于 2024-07-26 10:14:05 发布

阅读量1.1w

点赞数 2

分类专栏： javascript 文章标签：浏览器 javascript js

本文链接：https://blog.csdn.net/mazhili1991/article/details/53421779

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/base.css" />
</head>
<body>
<div id="scroll-bar" class="scroll-bar"></div>
<script type="text/javascript">
function getBrowser() {  
    var ua = window.navigator.userAgent;  
    var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1;  
    var isFirefox = ua.indexOf("Firefox") != -1;  
    var isOpera = window.opr != undefined;  
    var isChrome = ua.indexOf("Chrome") && window.chrome;  
    var isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1;  
    if (isIE) {  
        return "IE";  
    } else if (isFirefox) {  
        return "Firefox";  
    } else if (isOpera) {  
        return "Opera";  
    } else if (isChrome) {  
        return "Chrome";  
    } else if (isSafari) {  
        return "Safari";  
    } else {  
        return "Unkown";  
    }  
}

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);
document.getElementById("scroll-bar").innerHTML = "您的浏览器是："+getBrowser();
</script>
</body>
</html>

以下是目录截图：