如何向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提取您希望显示的细分：
＆＃13;
＆＃13;
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");
＆＃13;
<iframe id="iframe"></iframe>
＆＃13;
＆＃13;
＆＃13;

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

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

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

希望这有帮助！ ：）