2013-08-09 2 views
51

Мне нужно загрузить отзывчивый веб-сайт в div на моей странице HTML без использования элемента iframe.Как загрузить внешнюю веб-страницу в div страницы html

Я пробовал this link; он работает для 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); 
     } 
}); 
+0

У вас есть разрешение от внешних владельцев веб-сайта, чтобы сделать это? Обрамление другого сайта в вашем собственном «нахмурилось» (если не вопиющее нарушение авторских прав). –

+0

Я попытался отобразить внешний веб-сайт в моей веб-странице div, используя jquery.but, он работает на одной странице внешнего веб-сайта. Мне нужно отобразить весь внешний веб-сайт (все страницы) в div на моей веб-странице. – user2089987

+0

Возможный дубликат [Как загрузить веб-страницу внутри div с использованием Javascript без IFRAME и JQuery?] (Http://stackoverflow.com/questions/15211969/how-do-i-load-a-webpage-inside-a -div-using-javascript-without-iframe-and-jquery) –

ответ

87

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

+0

@OP Просто не говорите сейчас, без тега объекта. –

+1

Если я использую это, я получаю полосу прокрутки, как мы получаем при реализации iframe внутри div.can u скажем другой способ отображения веб-сайта на странице html. – user2089987

+0

Вы можете скрыть полосы прокрутки, если хотите. –

Смежные вопросы