外部ウェブページをHTMLページのdivに読み込む方法 質問する

外部ウェブページをHTMLページのdivに読み込む方法 質問する

要素を使用せずに、レスポンシブ Web サイトを 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);
      }
});

ベストアンサー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 デモ

おすすめ記事