從鏈接中獲取特定類的文本

Question

使用javascript，我試圖打開一個特定的頁面，所以我使用window.open()。 我想搜索值並存儲它們，這些值與特定類相關聯。 我一直在搜索，但我不知道如何做到這一點，我嘗試了 window.open(#link).getElementsByClassName 但這不起作用，也沒有 link.querySelectorAll。 有沒有人有任何提示？

Answer 1

/* JavaScript */

class webpage {
  constructor(url) {
    this.url = url;
    this.frame = document.createElement("iframe");
    this.frame.setAttribute("style", "display: none; position: absolute; left: -99999px; top: -99999px;");
    document.body.appendChild(this.frame);
  }
  load() {
    return new Promise(function(resolve, reject) {
      var http = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
      http.open("GET", this.url);
      http.addEventListener("load", function() {
        if(http.status == 200 && http.readyState == 4) {
          this.frame.contentWindow.document.write(http.responseText);
          resolve();
        } else if(http.readyState == 4) {
          reject(Error("Something went wrong"));
        }
      }.bind(this));
      http.addEventListener("error", function() {
        reject(Error("Something went wrong"));
      });
      http.send();
    }.bind(this));
  }
  get(query) {
    return (this.frame.contentWindow.document || this.frame.contentDocument).querySelectorAll(query);
  }
}

我創建了一個名為“網頁”的類。 例如，您可以像這樣構建代碼：

/* JavaScript */

var page = new webpage("somepage.net/");// Only works for other domains if the CORS header 'Access-Control-Allow-Origin' is set
page.load().then(function(){
  var list = page.get("div.className"),
      element = list[0];
  alert(element.innerHTML);
});

但是，它僅適用於您自己的域或允許“訪問控制允許來源”的域。 有關“ 訪問控制允許來源”的更多信息，請點擊此處。