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的原因是,您可以指定来自其他域的源。