I need to load an external webpage into a div. I don't want to use an iFrame. And I want this done with plain Javascript. I'm not sure how to go about it.
问问题
27093 次
4 回答
6
困难重重……</p>
使用 Ajax（例如通过XMLHttpRequest）来获取页面。由于它是外部的，因此您需要绕过相同的来源策略。
获得页面后，提取它的相关部分（可能是元素的子body元素）并将其添加到现有的 DOM中。
您需要考虑您的站点和外部站点之间的不同样式表、相对 URI（针对外部站点上不属于您的资源的资源）以及远程内容中的任何脚本。
于 2013-03-04T22:22:12.327 回答
2
无论你有哪种方法，在 js 中，试试这个： $('#myid').load('mylink.com')
我只在js中知道这一点。
于 2014-05-09T18:18:08.167 回答
1
你甚至不需要 javascript-
但同样的限制适用于 iframe 包含不同域。
<!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>test page</title>
</head>
<body>
<div>
<object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
</object></div>
</div>
</body>
</html>
于 2013-03-05T00:55:07.023 回答
0
您应该能够使用 jQuery.get() 方法在页面中加载 html 页面。我将这种方法用于我的客户的两个网站，其中各个页面是网站的不同部分。
如果您尝试使用此方法加载包含标题信息和正文标记的完整 HTML 页面，我不确定您可能会遇到的行为。我建议使用它来加载 HTML 片段。
于 2013-03-04T22:21:42.050 回答