ウィンドウオブジェクト

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 属性もあります。

学び続ける

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX