Есть ли способ получить родительскую ссылку CSS внутри каждого iframe? - PullRequest
Новая
       22

Есть ли способ получить родительскую ссылку CSS внутри каждого iframe?

0 голосов
/ 23 октября 2019

У меня есть страница с основной таблицей стилей, которая хранится в папке css. Внутри одной и той же страницы у меня есть несколько фреймов (размещенных в другой папке, но в одном домене), и я хочу, чтобы они использовали тот же CSS, что и их родитель. Пожалуйста, посоветуйте, я очень новичок в JS в целом.

Я попробовал следующий код, и все работает отлично, единственная проблема в том, что у меня есть 15 фреймов на данный момент и, конечно, для каждого из нихэто добавит 15 раз код. Я не могу использовать идентификаторы внутри кода, иначе мне нужно будет настроить скрипт для каждого из них. 

  <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>

1 Ответ

0 голосов
/ 23 октября 2019

Вы имеете в виду первый кадр, всегда. Измените код так, чтобы он ссылался на каждый 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>
...