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

ページのドメイン関係:

メイン ページ 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



コードをコピーします


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