ホームページ > ウェブフロントエンド > jsチュートリアル > location.hash を使用してクロスドメイン iframeadaptation_javascript スキルを達成する

location.hash を使用してクロスドメイン iframeadaptation_javascript スキルを達成する

WBOY
リリース: 2016-05-16 18:28:18
オリジナル
1025 人が閲覧しました

ページのドメイン関係:

メイン ページ a.html はドメイン A に属します: www.jb51.net
Iframe ページ b.html はドメイン B に属します: www.baidu .com、想定アドレス: http://www.baidu.com/b.html

達成効果:

ページ a.html の下にドメイン名が渡されますiframe は B ドメイン名の下にあるページ b.html に埋め込まれています。b.html の幅と高さは予測不可能で変更される可能性があるため、a.html の iframe は適応的にサイズ変更する必要があります。 🎜>問題の本質:

js には、クロスドメイン iframe アクセスに関する問題があります。a.html で iframe の高さと幅を制御するには、まず、 b.html のサイズ、および A と B は同じドメインに属していません。セキュリティ上の理由から、ブラウザは js のクロスドメイン アクセスを制限しており、b.html の高さと幅を読み取ることができません。解決策:

はじめに プロキシ ページ c.html と a.html は、同じドメイン A に属します。c.html は、ドメイン A で提供される適切な中間プロキシ ページです。c のアドレスが次のとおりであると仮定します。 html は次のとおりです: www.jb51.net/c.html。これは読み取りを担当します。location.hash の幅と高さの値は、同じドメイン内の a.html の iframe の幅と高さに設定されます。

コードは次のとおりです:
a.html コード

まず、iframe を介して a.html



コードをコピーします


コードは次のとおりです:


コードをコピー


コードは次のとおりです。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート