javascript - object タグ内外のオブジェクトへのアクセス

Question

<object> 内の HTML オブジェクトで CSS/JavaScript を使用することは可能ですか? コードがあります：

index.html:

<object type="text/html" data="1.html"></object>
<div id="bbb"> some content </div>

1.html:

<div id="aaa">some content</div>

私の質問は、「1.html」で JavaScript #bbb オブジェクトで変更できますか? また、「index.html」では、CSS や JavaScript を使用して #aaa オブジェクトを変更できますか?

Answer 1

1.html が index.html によって開かれる場合、1.html では、「window.opener」を呼び出して index.html への参照を取得し、それによってその中のプロパティにアクセス/変更できます。同様に、index.html から 1.html を参照し、その中のすべてを変更できます。

唯一の要件は、index.html と 1.html が同じドメインにある必要があることです。そうしないと、ブラウザーは他のドメインからのフレームへのクロスドメイン アクセスを制限します。したがって、両方が同じドメイン (例: localhost:8080) にあれば問題ありません。