Question

不使用iframe，是否可以加载

的内容

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

使用外部网站，例如somesitehere.com

页面加载时？ - 我知道如何从文件加载内容，但不知道如何加载整个网站？

非常感谢，

Answer 1

如果没有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>

Answer 2

查看jQuery's .load()函数：

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

但是，这仅适用于JS文件的同一域。

Answer 3

使用jQuery，但有可能不使用ajax。

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

然后将onload="LoadPage()"放在正文标记中。

虽然如果你遵循这条路线，php版本可能会更好：

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

Answer 4

您无法使用AJAX从其他网站（域）注入内容。 iFrame适合这类事情的原因是您可以指定来自其他域的来源。

Ajax / jQuery - 在页面加载时将网页内容加载到div中？

4 个答案: