네 가지 도메인 간 접근 방식

2056 단어

1、jsonp


        function getWeather(json) {
            console.log(json);
        }

2、postMessage


<disable_script>
    var iframe = document.getElementById('iframe');
    window.addEventListener('message', function(event) {
        console.log(event);
        event.source.postMessage('Message from parent page.', '*');
    });
</disable_script>
</code></pre>  <br>3、iframe + document.name <pre><code><iframe id="iframe" width="480px" height="270px" src="http://jasonkid.github.io/fezone/"/>
<disable_script>
    var iframe = document.getElementById('iframe');
    iframe.onload = function(){
        iframe.onload = function(){
            console.log(iframe.contentWindow.name);
        }
        iframe.src = "about:blank";
    }
</disable_script>
</code></pre>  <br>4、document.domain <br>index.html <pre><code><iframe id="iframe" width="480px" height="270px" src="iframe.html"/>
    <disable_script>
        /**
         *             document.domain
         */
//        document.domain = x.x; //    x.x       ，      domain   。

        var iframe = document.getElementById('iframe');
        iframe.onload = function(){
            iframe.contentDocument.getElementsByTagName('body')[0].innerText = 'Text Changed!';
            iframe.contentWindow.iframeFunc();
        }
    </disable_script>
</code></pre>  <br>iframe.html <pre><code>    <p>  iFrame</p>
    <disable_script>
        /**
         *  document.domain        
         *       N      iframe        
         *      iframe   document.domain           
         */
//        document.domain = x.x; //    x.x       ，      domain   。

        function iframeFunc() {
            console.log('Calling function successfully!');
        }
    </disable_script>
</code></pre>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다