ホームページ > 記事 > ウェブフロントエンド > jqueryでブラウザの幅を調べる方法
jqueryでブラウザの幅を調べる方法
- WBOYオリジナル
- 2021-12-13 15:46:222164ブラウズ
ブラウザの幅を確認するための Jquery メソッド: 1. "$()" メソッドを使用してブラウザ ウィンドウ オブジェクトを取得します; 2. width() メソッドを使用して、指定されたブラウザ オブジェクトの幅を確認しますこのメソッドは、一致する要素の幅を返すか設定するために使用され、構文は "$(window).width()" です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery を使用してブラウザの幅を確認する方法
ブラウザの幅は、width() メソッドを通じて確認できます。 width() メソッドは、一致した要素の幅を返すか、設定します。
ブラウザに一致させるには、$(window) ステートメントを使用して現在のウィンドウを取得します。
例は次のとおりです:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert($(window).width());
});
</script>
</head>
<body>
</body>
</html>コードを実行すると、出力結果は次のようになります:
幅を小さくすると、ブラウザのビジュアル ウィンドウ:
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryでブラウザの幅を調べる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。