Ajax / jQuery的 – 页面加载时加载网页内容到一个div?

如果不使用iframe,是否可以加载内容?

<div id="siteloader"></div> 

与外部网站,如somesitehere.com

当页面加载? – 我知道如何从文件加载内容,但不知道如何加载整个网站?

非常感谢,

这是可能的,没有专门的iframe 。 jQuery被使用,因为它在标题中提到。

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Load remote content into object element</title> </head> <body> <div id="siteloader"></div>​ <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $("#siteloader").html('<object data="http://tired.com/">'); </script> </body> </html> 

看看jQuery的.load()函数:

 <script> $(function(){ $('#siteloader').load('http://www.somesitehere.com'); }); </script> 

但是,这只适用于JS文件的同一个域。

使用jQuery,可以,但不能使用ajax。

 function LoadPage(){ $.get('http://a_site.com/a_page.html', function(data) { $('#siteloader').html(data); }); } 

然后在body标签中放置onload="LoadPage()"

虽然如果你遵循这条路线,一个PHP版本可能会更好:

 echo htmlspecialchars(file_get_contents("some URL")); 

您无法使用AJAX从其他网站(域)注入内容。 iFrame适用于这些types的原因是,您可以指定来自其他域的源。