web-dev-qa-db-fra.com

Comment charger une page Web externe dans une div d'une page html

Je dois charger un site Web réactif dans une div de ma page HTML sans utiliser d'élément iframe.

J'ai essayé ce lien ; cela fonctionne pour une URL d'une seule page, que j'ai mentionnée dans le script.

$('#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);
      }
});
61
user2089987

En utilisant du HTML simple,

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

Ou jquery,

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

JSFIDDLE DEMO

104
Optimus Prime