javascript - 从 child 控制父页面

Question

我已经成功地将父页面上的一些控件添加到子页面(弹出窗口)并使它们控制父页面。这些是 javascript 函数。

我现在想将这一行从父页面添加到子页面:

   <li><a class="button icon-play play" href="#" onclick="return false;"></a></li>

与此相关的 javascript 是:

// Listen for Play Button Click
    $('.button.play').click(function(){
        if($(this).hasClass('icon-play'))
        {
            start_teleprompter();
        }
        else
        {
            stop_teleprompter();
        }
    });

我遇到的问题是 javascript 在一个名为 script.js 的文件中，如果链接在子页面上，我看不到它使脚本运行。

之前我所做的是添加parent_window.document。到 javascript 函数。

所以有效的功能之一:(这个js在子页面中)

function changeBGC(color)
    {
    if (parent_window && !parent_window.closed) {
    parent_window.document.getElementById("teleprompter").style.backgroundColor = color;
    }
    }

它的按钮是:

<div class="swatch turquoise" onClick="javascript:changeBGC('#1abc9c')"></div>

Answer 1

您可以将此脚本添加到子页面以调用其父窗口的功能:

<script src="jquery.js"></script>
<script>
    $(function() {
        $('.button.play').click(function(){
            if (parent_window && !parent_window.closed) {
                if($(this).hasClass('icon-play')) {
                    parent_window.start_teleprompter();
                } else {
                    parent_window.stop_teleprompter();
                }
            }
        });
    });
</script>