3

もしあれば、window.outerWidthとの違いが何であるかについて興味があります。$(window).outerWidth()

これについては Google であまり情報を見つけることができなかったので、大衆にアピールしたいと思いました。これは一般的な質問であり、特定の問題ではありません。

4

4 に答える 4

6

Jquery の outerWidth :

要素の幅を、左右のパディング、ボーダー、およびオプションでマージンと共にピクセル単位で返します。

includeMargin が省略されているか false の場合、パディングとボーダーが計算に含まれます。true の場合、マージンも含まれます。

このメソッドは、windowおよび document オブジェクトには適用できません。これらには、代わりに .width() を使用してください。

window.outerWidth :

window.outerWidth は、ブラウザー ウィンドウの外側の幅を取得します。これは、サイドバー (展開されている場合)、ウィンドウ クローム、およびウィンドウ サイズ変更の境界/ハンドルを含む、ブラウザー ウィンドウ全体の幅を表します。

于 2012-07-17T20:23:39.053 に答える
2

jQuery ドキュメント (http://api.jquery.com/outerWidth/) から:

このメソッドは、window および document オブジェクトには適用できません。これらには、代わりに .width() を使用してください。

したがって、次を返す$(window).width()を使用する必要があります。

「ブラウザのビューポートの幅」（ウィンドウの境界線やその他のものがないため）

window.outerWidthは、ウィンドウ全体の幅を返します (境界線やその他のものを含む)

于 2012-07-17T20:25:29.587 に答える
0

jQuery docsで読むことができるように：

このメソッドは、window および document オブジェクトには適用できません。これらの場合は、.width()代わりに使用してください。

window.outerWidthブラウザー ウィンドウの外側の幅を取得しますが、jQuery のメソッド.width()は、window-selecting jQuery インスタンスで呼び出されたときにブラウザー ビューポートの幅を返します。これを行うために、一連のサブ関数とフック (ソース コードを参照) を呼び出して、ブラウザー間の互換性を確保します (ただし、はるかに低速です)。

于 2012-07-17T20:24:01.547 に答える
0

詳細についてはouterWidth: jQuery の実装では、マージンを測定に含めるかどうかを選択できます。 Javascriptは番号を取得するだけです。マージンが含まれているかどうかはわかりませんでした。

jQuery は、派手な JavaScript の集まりにすぎません。実際、JavaScript だけを使用して、jQuery で実行できることはすべて実装できます (そうすることをお勧めします)。このような質問を読むことをお勧めします。

于 2012-07-17T20:26:52.313 に答える