jquery - 有没有办法在每个 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>