検索

ホームページ >ウェブフロントエンド >jsチュートリアル >ページウィンドウサイズ_JavaScriptスキルを取得するためのJSコード解釈

ページウィンドウサイズ_JavaScriptスキルを取得するためのJSコード解釈

WBOY
WBOYオリジナル
2016-05-16 17:58:451302ブラウズ

このセクションのコードでは、主にウィンドウに関する Document オブジェクトのいくつかのプロパティを使用します。これらのプロパティの主な機能と使用方法は次のとおりです。
ウィンドウのサイズを取得するには、ブラウザごとに異なるプロパティとメソッドを使用する必要があります。ウィンドウの実際のサイズを検出するには、IE で Netscape のウィンドウのプロパティを使用する必要があります。 DOM 環境でウィンドウのサイズを取得したい場合は、 要素ではなく、ルート要素 のサイズに注意する必要があります。 。
Window オブジェクトの innerWidth プロパティには、現在のウィンドウの内側の幅が含まれます。 Window オブジェクトの innerHeight プロパティには、現在のウィンドウの内側の高さが含まれます。
Document オブジェクトの body 属性は、HTML ドキュメントの タグに対応します。 Document オブジェクトの documentElement プロパティは、HTML ドキュメントのルート ノードを表します。
document.body.clientHeight は、HTML ドキュメントが配置されているウィンドウの現在の高さを表します。 document.body.clientWidth は、HTML ドキュメントが配置されているウィンドウの現在の幅を表します。

コードをコピー コードは次のとおりです:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> www.w3.org/1999/xhtml" >

ブラウザウィンドウのサイズを変更してください



ブラウザ ウィンドウのサイズを変更してください< /h2>


ブラウザ ウィンドウ:

ブラウザ ウィンドウの実際の幅: < input type="text" name="availWidth " size="4">