如何将网页加载到 <div> 元素中？答案

【问题标题】：How can I load a webpage into a <div> element?如何将网页加载到 <div> 元素中？
【发布时间】：2015-04-15 11:54:29
【问题描述】：

我对 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";

提前致谢！

【问题讨论】：

【解决方案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">'

享受吧！

【讨论】：

【解决方案2】：

HTML代码：

  <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>';
}

【讨论】：

【解决方案3】：

另一种方法是 AJAX，如果您不想将 embeded 放在内部，而实际上将 inline 作为文档的一部分。

最简单的（为了方便，我就贴在这里）的方法是使用jQuery，简单到不可思议，显然还有其他方法但我必须贴出这个（我到处都用）：

函数如下：

【讨论】：