有没有办法在每个 iframe 中获取父 css 链接 rel？

Question

我有一个页面，它的主要样式表存储在 css 文件夹中。 在同一页面内，我有多个 iframe（托管在另一个文件夹但同一个域中），我希望它们使用相同的 CSS 作为它们的父级。 请告知，我一般对 JS 很陌生。

我试过下面的代码，一切都很完美，唯一的问题是我现在有 15 个 iframe，当然每个 iframe 都会增加 15 倍的代码。 我不能在代码中使用 ID，否则我需要为每个 ID 设置脚本。

  <script type="text/javascript">
    $("iframe").on("load", function() {
      let head = $("iframe").contents().find("head");
      let css = '<link rel="stylesheet" href="../css/stylesheet.css">';
      $(head).append(css);
    });
  </script>

Answer 1

您总是指第一个 iFrame。 更改代码以引用每个 iframe，如下所示：

<script type="text/javascript">
    $("iframe").on("load", function() {
      let head = $(this).contents().find("head");
      let css = '<link rel="stylesheet" href="../css/stylesheet.css">';
      head.append(css);
    });
  </script>