오브젝트 태그 안팎의 오브젝트에 액세스

Question

< 오브젝트 >의 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"내가 자바 스크립트 #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, example)에 있으면 좋을 것입니다.