如下所示:
<!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調用屏幕寬度的簡單方法全部內容了,希望大家多多支持~