Тут методи JavaScript будуть розташовані лише всередині батьківської сторінки, але може викликати методи в iframe і може змінювати або оновлювати вміст iframe. 22 грудня 2023 р
Як пояснювалося вище, ви можете працювати з iframe в JavaScript як і будь-який інший елемент HTML. Ви можете використовувати властивість contentWindow, щоб отримати доступ до об’єкта вікна вбудованого iframe із батьківського елемента, якщо обидва мають одне джерело: const iframe = document.
Ось приблизно як виглядала моя реалізація з використанням srcdoc:
- function setIframeContent(iframe, { html, css, js }) { const source = ` <html> <head><style>${css}</style></head> <body> ${html} <script>$ {js}</script> </body> </html> ` iframe. …
- модуль. …
- модуль.
ми використовуйте getIframeContent(frameId), щоб отримати посилання на об’єкт iframe у JavaScript. Щоб отримати елемент в iframe, спочатку нам потрібно отримати доступ до елемента <iframe> всередині JavaScript за допомогою документа. метод getElementById(), передаючи ідентифікатор iframe як аргумент.
Взаємодія з вмістом iframe за допомогою події натискання кнопки iframe Подія натискання кнопки iframe (клацання кнопки, розміщеної всередині iframe) можлива за допомогою додавання спеціального javascript в основний документ. Після вибору iframe властивість contentWindow повертає iframe DOM, з яким ми можемо взаємодіяти.
Тут методи JavaScript будуть розташовані лише всередині батьківської сторінки, але може викликати методи в iframe і може змінювати або оновлювати вміст iframe.