JavaScriptウィンドウ画面

Window Screen

window.screen オブジェクトは、window プレフィックスなしで記述することができます。

一部のプロパティ:

screen.availWidth - 利用可能な画面の幅

screen.availHeight - 利用可能な画面の高さ


screen.availWidth プロパティは、インターフェイス プロパティを差し引いた、訪問者の画面の幅をピクセル単位で返します。たとえば、ウィンドウのタスクバー。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
document.write("可用宽度: " + screen.availWidth);
</script>
</body>
</html>

screen.availHeight プロパティは、ウィンドウ タスクバーなどのインターフェイス機能を除いた、訪問者の画面の高さをピクセル単位で返します。

りー


学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> 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> </head> <body onload="a()"> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜