Saya memiliki halaman dengan stylesheet utama yang disimpan di folder css. Di dalam halaman yang sama saya memiliki beberapa iframe (dihosting di folder lain tetapi domain yang sama) yang saya ingin mereka menggunakan CSS yang sama dengan induknya. Mohon saran, saya sangat baru di JS secara umum.

Saya sudah mencoba kode berikut dan semuanya bekerja dengan sempurna, satu-satunya masalah adalah saya memiliki 15 iframe untuk saat ini dan tentu saja untuk masing-masing iframe itu akan menambah 15 kali kode . Saya tidak dapat menggunakan ID di dalam kode atau saya harus menyiapkan skrip untuk masing-masing ID tersebut.

  <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>
0
LuBu 23 Oktober 2019, 18:06

1 menjawab

Jawaban Terbaik

Anda mengacu pada iFrame pertama, selalu. Ubah kode untuk merujuk ke setiap iframe seperti ini:

<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>
0
Nawed Khan 23 Oktober 2019, 15:12