重新加载后从子 iframe 自动调用 js 函数不起作用

Question

我有一个基于 php 的网页，其中 iframe 有另一个网页。 Parent 包含项目列表，而 iframe 包含将 add/edit 列表的页面，将其保存到 DB 并将 js 消息发送到父页面（列表）到 update list without reloading parent page（稍微复杂一点，但这是核心思想）。

//html parent page basic content
<head>
    <script>
        function alert_me(){
            alert('IT\'S ALIVE!');
        }
    <script>
</head>
<body>
    <iframe src='child_page.html'></iframe>
</body>

现在是子页面。

<head>
    <script>
        $(document).ready(function(){

            //this is not working and this is what I want (auto call function after reload child)
            window.top.alert_me();

            //I tried autoclick button but it's not working either
            $('.alert_me_button').trigger('click');

        }); 
    </script>
</head>
<body>
    <!-- this is working just fine, so I know the code itself is ok -->
    <a href="#" class="alert_me_button" onclick="window.top.alert_me();" >Click me to alert me</a>
</body>

如您所见，当用户单击按钮调用 js 功能时它工作正常，但它不会工作，因为我不希望任何用户操作。我 triend ， documnt.ready()... 甚至 setInterval() 暂停脚本以确保它不是时间问题。有什么想法吗？

Answer 1

代码工作正常。你使用的是什么浏览器。我刚刚复制了您的代码并从 cdn 添加了 jquery。我使用 SimpleHttpServer 来提供页面并避免跨源阻塞。

重新加载后，我在 Chrome 和 Firefox 中都收到了两次消息。

重新加载后从子 iframe 自动调用 js 函数不起作用

Auto calling js function from child iframe after reload is not working

html

javascript

parent-child