programing

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

nasanasas 2020. 12. 1. 08:09
반응형

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


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

나는 이 링크를 시도했다 ; 스크립트에서 언급 한 단일 페이지 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>

또는 jquery,

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

JSFIDDLE 데모

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

반응형