JavaScript基本教程

JavaScriptオブジェクト

JavaScript関数

JSHTMLDOM

JSブラウザBOM

AJAX基本教程

JavaScriptリファレンスマニュアル

JS Window スクリーン JS DOM ナビゲーション

JS Window ブラウザオブジェクトモデル

ウィンドウはメインウィンドウ、フレームセット、または単一のフレーム、またはJavaScriptで作成された新しいウィンドウになることができます。

ウィンドウオブジェクト

このwindowオブジェクトはブラウザ内のウィンドウを表します。ウィンドウオブジェクトはブラウザによって自動的に作成されます。

すべてのグローバル変数は属性であり、関数はウィンドウオブジェクトのメソッドです。

すべてのグローバルJavaScriptオブジェクト、関数、変数は自動的にwindowオブジェクトのメンバーになります。

ドキュメントオブジェクトはウィンドウオブジェクトの属性です。したがって、入力

window.document.write("Hello　world")

以下と同じ

document.write("Hello　world")

ウィンドウサイズの計算

windowオブジェクトは提供しています2これらの属性を使用して、ブラウザウィンドウの視口の幅と高さを取得します。

これらの属性はすべてピクセル単位でサイズを返します：

window.innerWidth -ブラウザウィンドウの内部幅（ピクセル単位で）
window.innerHeight -ブラウザウィンドウの内部高さ（ピクセル単位で）

これは、現在のウィンドウサイズを表示する例です：

例

var　h　=　window.innerHeight;
var　w　=　window.innerWidth;

テストを見て‹/›

Internet Explorerに対して 5、6、7、8：

document.documentElement.clientWidth
document.documentElement.clientHeight

または

document.body.clientWidth
document.body.clientHeight

クロスブラウザソリューション（IEに対して）8および以前のバージョンで使用されていたclientWidthとclientHeight)：

例

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var w = window.innerWidth
|| document.documentElement.clientWidth
||　document.body.clientWidth;

テストを見て‹/›

onresizeイベントを使用して高さと幅を表示する：

例

<body　onresize="myFunc()">
<script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Width:　"　+　w　+　"<br>Height:　"　+　h;
}
</script>

テストを見て‹/›

新しいウィンドウを開く

window.open()このメソッドは新しいブラウザウィンドウを開き、指定されたドキュメントをロードします。

以下の例は、指定された高さと幅を持つ新しいウィンドウで開かれます“ ja.oldtoolbag.com”：

例

window.open("https://ja.oldtoolbag.com",　"",　"width=400,　height=300");

テストを見て‹/›

完全なウィンドウリファレンス

完全な属性とメソッドのリファレンスについては、私たちの《JavaScript ウィンドウオブジェクトリファレンス》。

参考部分には、すべてのウィンドウ属性とメソッドの説明と例が含まれています。

JS Window スクリーン JS DOM ナビゲーション