Методы запуска кода JavaScript при загрузке содержимого Iframe

Запрос «iframe onload site:stackoverflow.com» предполагает, что вы ищете методы и примеры кода, связанные с событием onloadэлемента iframe. Событие onloadсрабатывает, когда содержимое iframe завершило загрузку. Вот несколько методов с примерами кода:

Метод 1: встроенный обработчик событий

<iframe src="example.com" onload="myFunction()"></iframe>
<script>
  function myFunction() {
    // Code to be executed after iframe content has loaded
    console.log("Iframe content loaded!");
  }
</script>

Метод 2: прослушиватель событий

<iframe id="myFrame" src="example.com"></iframe>
<script>
  document.getElementById("myFrame").addEventListener("load", function() {
    // Code to be executed after iframe content has loaded
    console.log("Iframe content loaded!");
  });
</script>

Метод 3: jQuery

<iframe id="myFrame" src="example.com"></iframe>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $("#myFrame").on("load", function() {
      // Code to be executed after iframe content has loaded
      console.log("Iframe content loaded!");
    });
  });
</script>

Это всего лишь несколько примеров. Есть и другие способы добиться того же результата. Не забудьте заменить «example.com» фактическим URL-адресом веб-сайта, который вы хотите загрузить в iframe.