Как загрузить внешнюю веб-страницу в div HTML-страницы

Question

Мне нужно загрузить отзывчивый веб-сайт в div на моей HTML-странице без использования 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);
      }
});

Answer 1

Используя простой 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 DEMO

Answer 2

Как упоминалось в этом потоке stackoverflow,разница между элементами iframe, embed и object

Вы можете использовать тег <embed> вместо тега <object>. Если вам требуется общение между ребенком и родителем.

† Как указано в комментариях ниже; сценарии в <object> будут выполняться, но родительский и дочерний контексты не могут взаимодействовать напрямую. С помощью <embed> вы можете получить контекст дочернего элемента от родителя и наоборот. Это означает, что вы можете использовать сценарии в родительском элементе для управления дочерним элементом и т. д. Эта часть невозможна с <object> или <iframe>, где вместо этого вам придется настроить какой-либо другой механизм, такой как API JavaScript postMessage.

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