ホームページ ウェブフロントエンド jsチュートリアル jQuery が iframe ウィンドウの幅と高さを計算する方法

jQuery が iframe ウィンドウの幅と高さを計算する方法

Apr 26, 2018 pm 03:23 PM
iframe jquery

今回は、jQuery が iframe ウィンドウの幅と高さを計算する方法を説明します。 jQuery が iframe ウィンドウの幅と高さを計算する際の 注意事項 は何ですか? ここで実際のケースを見てみましょう。

<iframe id="aaax" src="" scrolling="no" frameborder="0" style="
display
:none"></iframe> 
<script language="
javascript
" type="text/javascript"> 
$(function () { 
var $main = $("#main").height(); 
var $searchPanel = $("#searchPanel").height(); 
var $listArea = $("#listArea").height(); 
$("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); 
var $aaax = $("#aaax").height(); 
if ($aaax < 282) { $("#aaax").height(300); } 
else { $("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); } 
var $chartArea = $("#chartArea").width(); 
var $chartAreaLeft = $(".chartAreaLeft").width(); 
$("#aaax").width($chartArea - $chartAreaLeft - 10); 
var $aaaxWidth = $("#aaax").width(); 
if ($aaaxWidth < 597) { $("#aaax").width(500); } 
else { $("#aaax").width($chartArea - $chartAreaLeft - 10); } 
}); 
</script>
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQuery のクロスドメイン操作 iframe での DOM メソッド

JSONP による Ajax クロスドメイン問題の解決 (コード付き)

json データを渡す php+jquery 実装方法

以上がjQuery が iframe ウィンドウの幅と高さを計算する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Google Chromeを毎回新しいウィンドウで開くように設定する方法 Google Chromeを毎回新しいウィンドウで開くように設定する方法 Mar 06, 2024 pm 06:19 PM

Google Chromeを毎回新しいウィンドウで開くように設定する方法

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery における eq の役割と応用シナリオを理解する

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? Feb 29, 2024 am 09:03 AM

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?

See all articles