<div class="codetitle"> <span><a style="CURSOR: pointer" data="6951" class="copybut" id="copybut6951" onclick="doCopy('code6951')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code6951"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html> <br><head> <br><title>js は高さと幅の概要を取得します</title><br><meta content="text/html;charset=UTF-8" http-equiv="Content-Type"/< ;script type="text/javascript" src="js/jquery-1.5.2.js"></script> <br><script type="text/javascript" > ).ready(function() <br>{ <br>alert("現在のブラウザ ウィンドウの表示領域の高さ:" $(window).height()); //現在のブラウザ ウィンドウの表示領域の高さwindow<br>alert( "ブラウザの現在のウィンドウのドキュメントの高さ:" $(document).height()) //ブラウザの現在のウィンドウのドキュメントの高さ<br>alert( "ブラウザの現在のウィンドウでのドキュメント本文の高さ:" $(document.body ).height());//ブラウザの現在のウィンドウでのドキュメント本文の高さ<br>alert("ブラウザの現在のウィンドウのドキュメント本文の高さの合計には、ボーダー パディング マージンが含まれます:" $(document.body).outerHeight(true)) ;//現在のブラウザ ウィンドウのドキュメント本文の高さの合計には、ボーダー パディング マージンが含まれます<br>alert("現在のブラウザ ウィンドウの表示領域の幅:" ($(window).width())) //現在のブラウザ ウィンドウの表示領域の幅<br>alert("ブラウザの現在のウィンドウのドキュメント オブジェクトの幅: " $(document).width());// ブラウザの現在のウィンドウのドキュメント オブジェクトの幅<br>alert("ブラウザの現在のウィンドウのドキュメントの本体の高さ: " $(document.body).width());// の高さブラウザの現在のウィンドウのドキュメント本体<br>alert("ブラウザの現在のウィンドウのドキュメント本体の合計幅には、境界線のパディングマージンが含まれます:" $(document .body).outerWidth(true));//ブラウザの現在のウィンドウの合計幅ウィンドウ ドキュメントの本文にはボーダー パディング マージンが含まれています <br>alert("ディスプレイ解像度、高さを取得するには JavaScript コードのみを使用できます:" screen.height);/ /ディスプレイ解像度、JavaScript コードでのみ取得できます <br>alert( 「ディスプレイの解像度、幅は JavaScript コードでのみ取得できます。」 <br><br><br> <br><br></head>; <BR><body> <br><li> Web ページの表示領域の幅: document.body.clientWidth </ li> Web ページの document.body.clientHeight </li> <br><li> Web ページの表示領域の幅: document.body.offsetWidth (端の幅を含む) </ li> li> ><li> スクロール中の Web ページの左側: document.body.scrollLeft </li> <br><li> </li> <br><li> テキスト部分: window.screenLeft </li> 画面解像度の高さ: window.screen.height</li> <li> 画面解像度の幅: window.screen .width </li> 使用可能な画面の作業領域の高さ: window.screen.availHeight</li>使用可能な画面の作業領域の幅: window.screen.availWidth <br></ul> <br></html></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
