如何在没有IFRAME和JQuery的情况下使用Javascript在div中加载网页?

如何在没有IFRAME和JQuery的情况下使用Javascript在div中加载网页?,javascript,html,css,Javascript,Html,Css,我需要将外部网页加载到div中。我不想使用iFrame。我想用纯Javascript完成这项工作。我不知道该怎么做。您应该能够使用jQuery.get()方法在页面中加载html页面。我正在为我的客户的两个网站使用此方法,其中各个页面是网站的不同部分 如果尝试使用此方法加载包含标题信息和正文标记的完整HTML页面,我不确定您可能会遇到什么行为。我建议使用它来加载HTML代码段 您应该能够使用jQuery.get()方法在页面中加载html页面。我正在为我的客户的两个网站使用此方法,其中各个页面是

我需要将外部网页加载到div中。我不想使用iFrame。我想用纯Javascript完成这项工作。我不知道该怎么做。

您应该能够使用jQuery.get()方法在页面中加载html页面。我正在为我的客户的两个网站使用此方法,其中各个页面是网站的不同部分

如果尝试使用此方法加载包含标题信息和正文标记的完整HTML页面,我不确定您可能会遇到什么行为。我建议使用它来加载HTML代码段


您应该能够使用jQuery.get()方法在页面中加载html页面。我正在为我的客户的两个网站使用此方法,其中各个页面是网站的不同部分

如果尝试使用此方法加载包含标题信息和正文标记的完整HTML页面,我不确定您可能会遇到什么行为。我建议使用它来加载HTML代码段

困难重重

使用Ajax(如via)获取页面。因为它是外部的,所以您需要

获得页面后,提取页面的相关部分(可能是
主体
元素的子元素)并单击

您需要考虑站点和外部站点之间的不同样式表、相对URI(外部站点上不在您站点上的资源)以及远程内容中的任何URI。

很难

使用Ajax(如via)获取页面。因为它是外部的,所以您需要

获得页面后,提取页面的相关部分(可能是
主体
元素的子元素)并单击


您需要考虑站点和外部站点之间的不同样式表、相对URI(外部站点上不在您站点上的资源)以及远程内容中的任何URI。

您甚至不需要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>

测试页

您甚至不需要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>

测试页

在js中,无论您使用哪种方法,都可以尝试以下方法:
$('#myid').load('mylink.com')


我在js中只知道这一点。

在js中,无论您使用哪种方法,请尝试以下方法:
$(“#myid”).load('mylink.com')



我只知道js中的这一点。

我认为这是不可能的。您可能需要使用iframe,当然这是可能的。听说过AJAX吗?这能回答你的问题吗?我认为那是不可能的。您可能需要使用iframe,当然这是可能的。听说过AJAX吗?这能回答你的问题吗?问题说明没有jQuery。作为建议,下次将其包含在问题文本本身中,而不仅仅是标题中。其次,如果您想从头开始,请查看JavaScript的XMLHttpRequest方法。jQuery不就是JavaScript吗?查找jQuery的源代码。get()问题是不带jQuery的。作为建议,下次将其包含在问题文本本身中,而不仅仅是标题中。其次,如果您想从头开始,请查看JavaScript的XMLHttpRequest方法。jQuery不就是JavaScript吗?查找jQuery.get()的源代码。我希望能够在没有ajax的情况下完成它well@jay-因为“Ajax”只是指“从JS发出HTTP请求而不离开页面”,而获得“页面”的唯一方法是发出HTTP请求,你想用JavaScript来实现,你想把它加载到当前页面中……从定义上来说,这是不可能的。我想在没有ajax的情况下也能做到这一点well@jay-因为“Ajax”只是指“从JS发出HTTP请求而不离开页面”,而获得“页面”的唯一方法是发出HTTP请求,你想用JavaScript来实现这一点,你想把它加载到当前页面中……从定义上来说,这是不可能的。但本质上,指向HTML文档的对象是一个iframe,有了iframe的所有限制,还有更多的限制,因为它不是专门为呈现子浏览器画布而设计的。但本质上,指向HTML文档的对象是iframe,iFrame有很多限制,还有更多的限制,因为它不是专门为呈现子浏览器画布而设计的。还有其他选择使用纯js吗?是的。我想这就是你要找的。看看这个@gokuare还有另一个使用纯js的替代方案吗?是的。我想这就是你要找的。看看这个@goku