js获取分辨率和缩放页面的方法

JavaScript08

js获取分辨率和缩放页面的方法,第1张

var screen = window.screen//获取分辨率

screen.width；//获取分辨率的宽度

screen.height；//获取分辨率的高度

//页面缩放比例设置方法

document.getElementsByTagName('body')[0].style.zoom=0.67//该方法将页面设置比例调整为67%

<!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>