怎么根据不同的分辨率加载不同的js
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>不同分辨率调不同JS 效果</title>
</head>
<body>
<script src="js/jquery-1.8.2.min.js"></script>
<script id="jsA" src="js/jsA.js"></script> <!--1920*1080才调用改js-->
<script id="jsB" src="js/jsB.js"></script><!--1366*768才调用这个jsB，此时A不需要-->
<script>
function adjustStyle(width) {
width = parseInt(width);
if (width >= 1920){
$("#jsA").filter("src", "js/jsA.js");
} else if ((width >= 1366) && (width < 1920)) {
$("#jsA").remove("src", "js/jsA.js");
$("#jsB").filter("src", "js/jsB.js");
} else {
$("#jsC").attr("src", "js/jsC.js");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>不同分辨率调不同JS 效果</title>
</head>
<body>
<script src="js/jquery-1.8.2.min.js"></script>
<script id="jsA" src="js/jsA.js"></script> <!--1920*1080才调用改js-->
<script id="jsB" src="js/jsB.js"></script><!--1366*768才调用这个jsB，此时A不需要-->
<script>
function adjustStyle(width) {
width = parseInt(width);
if (width >= 1920){
$("#jsA").filter("src", "js/jsA.js");
} else if ((width >= 1366) && (width < 1920)) {
$("#jsA").remove("src", "js/jsA.js");
$("#jsB").filter("src", "js/jsB.js");
} else {
$("#jsC").attr("src", "js/jsC.js");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
