html 페이지의 div에 외부 웹페이지를 로드하는 방법

html 페이지의 div에 외부 웹페이지를 로드하는 방법

나는 응답 웹사이트를 사용하지 않고 내 HTML 페이지의 div에 로드해야 합니다.iframe요소.

제가 이 링크를 시도해봤는데, 스크립트에서 언급한 단일 페이지 URL에서 작동합니다.

$('#mydiv').load('http://localhost/qa/ask#external-div', function(response, status, xhr) {
    if (status == "error") {
        var msg = "Sorry but there was an error: ";
        alert(msg + xhr.status + " " + xhr.statusText);
      }
});

간단한 html을 사용해서,

 <div> 
    <object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
    </object>
 </div>

오서리,

<script>
        $("#mydiv")
            .html('<object data="http://your-website-domain"/>');
</script>

JSFIDDLE 데모

이 스택 오버플로 스레드에서 언급한 것처럼 iframe, Embedd 및 개체 요소 간의 차이

<object> 태그 대신 <embed> 태그를 사용할 수 있습니다.자식과 부모 사이에 의사소통이 필요한 경우.

† 아래 주석에서 지적한 바와 같이, <객체>의 스크립트가 실행되지만 부모와 자식 컨텍스트가 직접 통신할 수 없습니다.<embed>를 사용하면 부모에게서 자녀의 컨텍스트를 얻을 수도 있고 그 반대도 가능합니다.이는 부모에서 스크립트를 사용하여 자녀 등을 조작할 수 있음을 의미합니다.이 부분은 자바스크립트 postMessage API와 같은 다른 메커니즘을 대신 설정해야 하는 <object>나 <iframe>에서는 불가능합니다.

<embed type="text/html" src="snippet.html" width="500" height="200">

언급URL : https://stackoverflow.com/questions/18145273/how-to-load-an-external-webpage-into-a-div-of-a-html-page