html - 如何将网站的选定部分显示到 iframe？

Question

我想从这个 website 显示这部分进入 iframe 但有问题。我使用这段代码来获取它:

<div style="overflow: hidden; margin: 15px auto; max-width: 575px;">
<iframe scrolling="no" src="https://www.betrush.com/verified/" 
style="border: 0px none; margin-left: -96px; height: 1200px; margin-top: 
-486px; width: 650px;">
</iframe>
</div>

所以我的问题是如何修改我的 iframe 设置以获取该网站的这一部分。

Answer 1

你有两个选择:

1. 利用 BetRush API 仅提取其网页数据的一部分。这是迄今为止更简单、更可取的选择。
2. 假设他们没有 API，您唯一的选择是加载整个网站，然后使用 JavaScript 提取您希望显示的部分:

function loadDoc(target) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;

      var doc = document.getElementById('iframe').contentWindow.document;
      doc.open();
      doc.write(this.responseText);
      doc.close();

    }
  };
  xhttp.open("GET", target, true);
  xhttp.send();
}

loadDoc("http://www.example.com");

<iframe id="iframe"></iframe>

内容保存为this.reponseText .您需要根据从网站返回的内容从中提取数据，然后将其写入 <iframe>与 doc.write(); .

话虽如此，目标也需要允许抓取。不幸的是，BetRush 似乎有 Access-Control-Allow-Origin 已禁用，这意味着您无法抓取他们的网站。因此，您不能以这种方式加载他们网站的一部分。

考虑到 BetRush 似乎没有 API，并且不允许您抓取他们的网站，您无法提取他们网站的一部分以包含在 iframe 中。

希望对您有所帮助! :)