ウィンドウオブジェクト

JavaScript はブラウザーが提供する多くのオブジェクトを取得し、それらを操作できます。

window

window オブジェクトは、グローバル スコープとして機能するだけでなく、ブラウザ ウィンドウも表します。

window オブジェクトには innerWidth プロパティと innerHeight プロパティがあり、ブラウザ ウィンドウの内側の幅と高さを取得できます。内部の幅と高さは、メニュー バー、ツールバー、境界線などのプレースホルダー要素を削除した後に Web ページを表示するために使用される正味の幅と高さを指します。

互換性: IE<=8 はサポートされていません。

<html>
<head>
    <script>
        'use strict';
        alert('window inner size: ' + window.innerWidth + ' x ' + window.innerHeight);
    </script>
</head>
<body>
</body>
</html>

これに対応して、ブラウザ ウィンドウ全体の幅と高さを取得できる、outerWidth 属性と externalHeight 属性もあります。


学び続ける
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>window对象</title> <script type="text/javascript"> function myFunction() { alert("欢迎来到phpd中文网") window.open('http://www.php.cn','_blank','width=600 height=400') } </script> </head> <body> <form> <input type="button" value="点击我,打开新窗口" onclick="myFunction()" /> </form> </body>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜