javascript - 如何使用 Jquery 或 Javascript 在 Laravel Blade 模板 div 中加载网页？

Question

我想在 Laravel Blade 模板的小框中加载并显示 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>

我也尝试过 iframe 但无法加载页面。请帮忙。这是我想在其中显示 Facebook 页面的框。

Answer 1

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

load_home();

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

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

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