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，它非常容易，令人难以置信，显然还有其他方法，但我必须发布这个（我在任何地方使用它）：

这是功能：