javascript - 从外部文件、JQuery/Javascript 中提取样式表 src/href

Question

假设我有一个 html 源并且我知道 URL，“example_url.html”。这个 html 文件有一个 <link href="style.css"rel="stylesheet"/>。

这是我在另一个 View 中使用的 iframe 的 src，我想提取“example_url.html”中列出的样式表。我该怎么做？

而且我不知道样式表的实际 href，它会根据各种因素而变化(但所有内容都共享一个域名)。我需要它作为一个变量。

Answer 1

假设您为 iframe 提供了一个 ID，我认为这样的事情应该可行:

var iframe = document.getElementById("the-iframe-id");
var child_doc = iframe.contentDocument || iframe.contentWindow.document;
var child_links = child_doc.getElementsByTagName("link");
var child_css;
for (var i = 0; i < child_links.length; i++) {
  if (child_links[i].rel == "stylesheet") {
      child_css = child_links[i].href;
      break;
  }
}