【HTML】iframe クロスドメインアクセスの問題_html/css_WEB-ITnose

概要

同じブラウザがローカルでローカル HTML ファイルにアクセスし、サーバー側 HTML ファイルにアクセスします。ローカル Iframe には適応型高さがありませんが、サーバー側 Ifrane には適応型高さがあります。

1. 問題の再現:

Chrome バージョン 41.0.2272.101 (64 ビット)

OS:Win8.1

Chrome はサーバーサイドの HTML ファイルレンダリングの結果にアクセスします

Chrome はローカル HTML ファイルにアクセスしますレンダリング結果

ローカルにアクセスされた HTML ファイル Iframe は、Iframe 内のページコンテンツに従って高さを調整しません

2. Iframe 適応高さコード

Index.html の中央に Iframe ページを追加します。ファイル、ページがロードされると、src

<iframe id="indexFrame" name="index" width="800" onload='iFrameHeight("indexFrame")' src="Web/Index/indexIframe.html"           frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

で指定されたファイル パスをロードします。 SecurityError をキャッチしました: 読み取りに失敗しました'HTMLIFrameElement ' の 'contentDocument ' プロパティ: オリジン "null" のフレームがオリジン "null" のフレームにアクセスすることをブロックしました。 プロトコル、ドメイン、およびポートが一致する必要があります。ファイル プロトコル (file:// /) では、HTML コードと JS コードの間にクロスドメインの問題があります。ファイルプロトコルに詳しくないので、アドバイスをお願いします。