[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
2022-03-15 21:29:53
質問
どうすれば
windowWidth
,
windowHeight
,
pageWidth
,
pageHeight
,
screenWidth
,
screenHeight
,
pageX
,
pageY
,
screenX
,
screenY
主要なブラウザーで動作するものを教えてください。
解決方法は?
jQueryでウィンドウやドキュメントのサイズを取得することができます。
// Size of browser viewport.
$(window).height();
$(window).width();
// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();
画面サイズには
screen
オブジェクトを作成します。
window.screen.height;
window.screen.width;
関連
-
jsを使った簡単な照明スイッチのコード
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み] 正規表現で変数を使うには?
-
[解決済み] JavaScriptで現在の年を取得する
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] ブラウザのビューポート寸法を取得する方法を教えてください。
-
[解決済み】CSSを使用して、すべてのブラウザでdiv要素を垂直方向に中央に配置するにはどうすればよいですか?
-
[解決済み] jQuery/JavaScriptを使用してすべてのCSSクラスを削除するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueのグローバルがscss(mixin)を導入。
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
JavaScriptのStringに関する共通メソッド
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
[解決済み] JavaScript のウィンドウサイズ変更イベント
-
[解決済み] Reactでブラウザのリサイズ時にビューを再描画する