如何將網頁加載到<div>元素中？

Question

我是Javascript的新手，我有一個關於在我的網站上將網頁加載到div元素（'content-window'）的問題。 我想在該div中打開一個網頁，在這種情況下http://www.fdsa.com?ID=1 。 我要編寫以下行來選擇div元素。

var sidediv = document.getElementById('content-window');

有人能告訴我如何將網頁加載到這個邊div？ 我已經嘗試了很多（但我當然失敗了）。 例如，以下行不起作用：

sidediv.location.assign = "http://www.fdsa.com?ID=1";

提前致謝！

Answer 1

你應該使用<iframe>標簽，如下所示：

<div>
  <iframe src="http://www.fdsa.com?ID=1">
</div>

或者以編程方式構建它：

document.getElementById("content-window").innerHTML='<iframe src="http://www.fdsa.com?ID=1">'

請享用！

Answer 2

HTMLCODE：

  <body onload="loadHtml()">
    <div id="content-window"></div>
  </body>

CSS代碼：

#content-window {
    width: 100%;

}

#content-window object{
    width: 100%;

}

JAVASCRIPT：

function loadHtml() {
    document.getElementById("content-window").innerHTML='<object type="text/html" data="http://www.fdsa.com?ID=1"></object>';
}

Answer 3

另一種方法是AJAX，如果你不希望它embeded到內部而是實際inline作為文檔的一部分。

最簡單的（為了方便起見，我會在這里發布）方法使用jQuery，它很容易它令人難以置信，顯然還有其他方法，但我必須發布這個（我到處使用它）：

這是功能：

.load("http://url.com/")