>  기사  >  웹 프론트엔드  >  Node.js iframe 교차 도메인 액세스(동일한 기본 도메인/동일하지 않은 기본 도메인)가 deep_javascript 기술에 도입되었습니다.

Node.js iframe 교차 도메인 액세스(동일한 기본 도메인/동일하지 않은 기본 도메인)가 deep_javascript 기술에 도입되었습니다.

WBOY
WBOY원래의
2016-05-16 17:43:012060검색

Node.js 크로스 도메인은 많이 논의된 주제입니다. iframe 교차 도메인 액세스도 철저히 연구되었습니다.
일반적으로 두 가지 상황으로 나뉩니다:
1. 동일한 메인 도메인 아래의 서로 다른 하위 도메인 간 교차 도메인
동일한 기본 도메인이지만 하위 도메인이 다릅니다. 도메인 교차 도메인 문제는 동일한 document.domian을 설정하여 해결할 수 있습니다.
다음 경우에 상위 페이지는 document.getElementById("myframe").contentWindow.document로 하위 페이지에 액세스할 수 있습니다. contentDocument가 지원되며 문서에 직접 액세스할 수도 있습니다. .getElementById("myframe").contentDocument는 하위 페이지의 콘텐츠에 액세스합니다.
하위 페이지는 상위 페이지에 액세스하고 parent.js 전역 속성을 사용할 수 있습니다.
2. 서로 다른 주요 도메인 간의 도메인 간
전제는 www.a.com 아래의 a.html, a.html의 iframe이 www.b 아래의 b.html을 호출한다는 것입니다. .com, 그리고 b.html 아래의 iframe은 www.a.com 아래의 c.html을 호출합니다.
b.html은 크로스 도메인을 포함하기 때문에 a.html에 직접 액세스할 수 없는 객체는 아니지만 상위에는 액세스할 수 있습니다. 마찬가지로 c.html의 부모는 b.html에 액세스할 수 있습니다. c.html과 a.html은 동일한 도메인에 있으며 a 아래의 개체에 액세스할 수 있습니다. parent.parent.js 객체
다음 예를 보세요:
 a.html

코드 복사 코드



><제목> 제목이 없는 문서
    여기 콘텐츠 1
  • 콘텐츠 2
  • 콘텐츠 3콘텐츠 4 ;
  • 여기에 내용 5


  • <script>window .onload = 함수(){ <BR>var text = document.getElementById('ct').innerHTML <BR>document.getElementById('myfarme').src="http://www.a.com/c .html?content =" encodeURI(text); <BR>} <BR></script>




    c. html




    코드 복사


    코드는 다음과 같습니다.


    >


    window.onload = 함수(){
    var text = window.location.href.split('=')[1]
    console.log(parent.parent) parent.parent.dosome(text ); 🎜>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.