如何使用Jquery或Javascript在laravel刀片模板div中加载网页？

我想加载并显示在一个拉威尔刀片模板的小盒子facebook。我正在使用这个javascript，但facebook没有加载

以下是我正在使用的：

<div id="fblogin"></div>

<script>
 function load_home (e) {
  (e || window.event).preventDefault();

  fetch("https://facebook.com")
  .then((response) => response.text())
  .then((html) => {
    document.getElementById("fblogin").innerHTML = html;
   })
  .catch((error) => {
    console.warn(error);
   });
   }
 </script>

功能加载（e）{
（e | | window.event）.preventDefault（）；
取回（“https://facebook.com")
.然后（（response）=>response.text（））
。然后（（html）=>{
document.getElementById（“fblogin”）.innerHTML=html；
})
.catch（（错误）=>{
控制台。警告（错误）；
});
}

我也尝试过iframe，但没有加载页面。 请帮忙。 这是我想显示facebook页面的方框

---

首先，您不仅需要声明函数，还需要调用它

load_home();

第二，您根本不需要preventDefault，不需要这一行

  (e || window.event).preventDefault();

---

第三，FB允许您仅从其域访问其服务器。这是CORS的政策。您无法从其他网站连接到他们的服务器。

您尚未调用

load\u home（）

函数。如果调用，您将看到

preventDefault

错误，然后删除

（e | | window.event）.preventDefault（）这行。那么你就会有这个错误

CORS策略已阻止从源“某个源”访问“”处的XMLHttpRequest:请求的资源上不存在“访问控制允许源”标头。Facebook阻止了这个请求

Fetch
Jquery Load
Ajax get

全部使用XMLHttpRequest技术。你不能用这个加载fb