Перейти к содержанию
CMSTOOLS.org - форум поддержки и развития CMS

IFAME и родительское окно


Рекомендуемые сообщения

Кто нибудь знает как из iframe вызвать функцию в родительском окне ?

 

P.s В iframe и родительском окне разные сайты но в родительском подключается js для создания iframe

Ссылка на комментарий
Поделиться на другие сайты

  • 7 лет спустя...

давай рассмотрим, как из iframe можно вызвать функцию в родительском окне.

В родительском окне (parent.html):

<!DOCTYPE html>
<html>
<head>
    <title>Родительское окно</title>
</head>
<body>
    <iframe id="myFrame" src="iframe.html"></iframe>

    <script>
        function parentFunction(message) {
            console.log("Функция в родительском окне вызвана: " + message);
        }
    </script>
</body>
</html>

В iframe (iframe.html):

<!DOCTYPE html>
<html>
<head>
    <title>iframe</title>
</head>
<body>
    <script>
        function callParentFunction() {
            var message = "Привет, мир!";
            parent.parentFunction(message);
        }
    </script>

    <button onclick="callParentFunction()">Вызвать функцию в родительском окне</button>
</body>
</html>

Здесь в iframe.html функция callParentFunction() вызывает функцию parentFunction() в родительском окне с использованием parent.parentFunction(message).

Обрати внимание, что для успешного выполнения этого кода, iframe и родительское окно должны находиться на одном домене из-за политики безопасности Same-Origin Policy. Если у вас разные домены, вам может потребоваться использовать метод postMessage() для безопасного обмена данными между ними.

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...