Вызов родительской функции окна из iframe

Question

Вызов родительской функции окна из iframe

Я хочу вызвать функцию JavaScript родительского окна из iframe.

<script>

    function abc()

    {

        alert("sss");

    }

</script>



<iframe id="myFrame">

    <a onclick="abc();" href="#">Call Me</a>

</iframe>

756 10

javascript onclick iframe

10 ответов:

Comments

Ничего не найдено.

rahul · Accepted Answer · 2012-04-19 20:21:13

<a onclick="parent.abc();" href="#" >Call Me </a>

посмотреть

Ash Clarke · Accepted Answer · 2011-09-09 13:40:40

недавно мне пришлось выяснить, почему это тоже не сработало.

javascript, который вы хотите вызвать из дочернего iframe, должен быть в голове родителя. Если он находится в теле, сценарий недоступен в глобальной области.
<head>
    <script>
    function abc() {
        alert("sss");
    }
    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="parent.abc();" href="#">Click Me</a>
    </iframe>
</body>
надеюсь, что это поможет всем, кто натыкается на эту проблему снова.

Andrii Verbytskyi · Accepted Answer · 2017-01-11 10:08:36

31

2017-01-11 10:08:36

Ash Clarke · Accepted Answer · 2012-08-08 16:40:12

я разместил это как отдельный ответ, поскольку он не связан с моим существующим ответом.

эта проблема недавно снова возникла для доступа к родительскому элементу из iframe, ссылающегося на поддомен, и существующие исправления не работали.

на этот раз ответ был изменить документ.домен родительской страницы и iframe должны быть одинаковыми. Это будет дурак те же проверки политики происхождения думая, что они сосуществуют на такой же домен (поддомены считается другим хостом и не выполняет ту же проверку политики происхождения).

вставить в <head> страницы в iframe, чтобы соответствовать родительскому домену (настроить для вашего doctype).
<script>
    document.domain = "mydomain.com";
</script>
обратите внимание, что это вызовет ошибку при разработке localhost, поэтому используйте проверку, как показано ниже, чтобы избежать ошибки:
if (!window.location.href.match(/localhost/gi)) {
    document.domain = "mydomain.com";
} 

Vinothkumar Arputharaj · Accepted Answer · 2011-11-08 17:08:01

можно использовать

window.top

см. ниже.

<head>
    <script>
    function abc() {
        alert("sss");
    }
    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="window.top.abc();" href="#">Click Me</a>
    </iframe>
</body>

Devon · Accepted Answer · 2012-08-08 08:50:04

еще одно дополнение для тех, кто в ней нуждается. Решение Ash Clarke не работает, если они используют разные протоколы, поэтому убедитесь, что если вы используете SSL, ваш iframe также использует SSL, или он сломает функцию. Его решение действительно работало для самих доменов, поэтому спасибо за это.

Frato · Accepted Answer · 2012-04-23 18:25:37

решение, данное Ash Clarke для поддоменов, отлично работает, но обратите внимание, что вам нужно включить документ.домен = "mydomain.com"; как в заголовке страницы iframe, так и в заголовке родительской страницы, как указано в ссылке та же политика происхождения проверяет

важным расширением той же политики происхождения, реализованной для JavaScript DOM access (но не для большинства других вариантов проверок того же происхождения), является то, что два сайта совместно используют общий домен верхнего уровня может выбрать связь, несмотря на то, что не удалось проверить "тот же хост", взаимно установив их соответствующий документ.свойство domain DOM к тому же квалифицированному, правому фрагменту их текущего имени хоста. Например, если http://en.example.com/ и http://fr.example.com/ оба набора документов.домен к "example.com" с этого момента они будут считаться однотипными для целей манипуляции DOM.

Seph Remotigue · Accepted Answer · 2013-02-19 04:26:08

родитель.Азбука() будет работать только на одном домене из-за целей безопасности. я попробовал этот способ и мой работал отлично.
<head>
    <script>
    function abc() {
        alert("sss");
    }

    // window of the iframe
    var innerWindow = document.getElementById('myFrame').contentWindow;
    innerWindow.abc= abc;

    </script>
</head>
<body>
    <iframe id="myFrame">
        <a onclick="abc();" href="#">Click Me</a>
    </iframe>
</body>
надеюсь, что это помогает. :)

snowflake · Accepted Answer · 2014-05-19 02:01:16

С Firefox и Chrome вы можете использовать :
<a href="whatever" target="_parent" onclick="myfunction()">
если myfunction присутствует как в iframe, так и в parent, будет вызван Родительский.

William Littlefield · Accepted Answer · 2016-11-16 17:10:30

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

чтобы избежать этого, используйте шаблон модуля. В Родительском окне:
var myThing = {
    var i = 0;
    myFunction : function () {
        // do something
    }
};

var newThing = Object.create(myThing);
затем, в iframe:
function myIframeFunction () {
    parent.myThing.myFunction();
    alert(parent.myThing.i);
};
Это похоже на шаблоны, описанные в главе наследования исходного текста Крокфорда, "Javascript: Хорошие Части."Вы также можете узнать больше на странице w3 для лучших практик Javascript. https://www.w3.org/wiki/JavaScript_best_practices#Avoid_globals