如何使用iframe显示另一个网站



网页加载而没有任何错误,但是当我单击按钮以加载iframe时,什么都没发生。任何人都可以告诉我如何在WordPress中修复它,是他们解决此问题的任何插件。

首先,您有错误的双<script>包装:

<script>
      <script type="text/javascript">
      ...

您没有点击按钮处理程序。因此,单击后您无法得到任何反应。另外,您在URL上有一个奇怪的部分。您想要什么?也许您正在寻找这样的SMTH?

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            $('#fetch-btn').click(function () {
                jQuery("#div1").load("any-url");
            });
        });
    </script>
</head>
<body>
<div id="div1" class="product-list"></div>
<button id="fetch-btn">Get External Content</button>
</body>
</html>

,但它仍然无法将整个外国网站内容加载到您的Div。您应该使用iframe。而且,您应该阅读有关CORS的信息,并尝试使用您的域名使用任何代理。它有帮助吗?

尝试使用iframe,如果要与内部网站进行交互

您无法从另一个站点下载数据。使用用php写的简单代理!

echo (file_get_contents($_POST['url']));

并使用jQuery!

$.ajax({
  url: "./your_proxy.php",
  type: "POST",
  data: {
    url: 'https://www.youtube.com'
  },
  dataType: "html",
  success: function(data) {
    var d = $(data); // your data
  }
});

相关内容

最新更新