如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body><html>
<script>
function a(){
document.write(
"屏幕分辨率為："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"網頁可見區域寬："+document.body.clientWidth
+"<br />"+
"網頁可見區域高："+document.body.clientHeight
+"<br />"+
"網頁可見區域寬(包括邊線的寬)："+document.body.offsetWidth
+"<br />"+
"網頁可見區域高(包括邊線的寬)："+document.body.offsetHeight
+"<br />"+
"網頁正文全文寬："+document.body.scrollWidth
+"<br />"+
"網頁正文全文高："+document.body.scrollHeight
+"<br />"+
"網頁被卷去的高："+document.body.scrollTop
+"<br />"+
"網頁被卷去的左："+document.body.scrollLeft
+"<br />"+
"網頁正文部分上："+window.screenTop
+"<br />"+
"網頁正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的寬："+window.screen.width
+"<br />"+
"屏幕可用工作區高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作區寬度："+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
</body>
</html>
以上就是小編為大家帶來的js調用屏幕寬度的簡單方法全部內容了，希望大家多多支持~