如何从父网页运行 iFrame 的脚本？

Question

好的，假设我有一个网页，网页B.网页B有一个名为"test（）"的函数。现在假设我有另一个网页，网页A.网页A有一个带有网页B源的iFrame。如何从网页 A 执行网页 B 的"test（）"函数？

Answer 1

你不能通过父页面中的任何代码"直接"控制 iframe 中页面的 javascript。

但是，如果您能够更改两个页面，则可以更改"页面B"以根据查询字符串中的参数运行javascript。

在"页面 A"中，将 iframe src 设置为如下所示：

http://mydomain.com/pageb.html?func=myfunc&param=foo&param2=bar

然后在"页面B"中运行一些像这样的JavaScript：

function queryToLookup(query) {
    var lookup= {};
    var params= query.slice(1).split(/[&;]/);
    for (var i= 0; i<params.length; i++) {
        var ix= params[i].indexOf('=');
        if (ix!==-1) {
            var name= decodeURIComponent(params[i].slice(0, ix));
            var value= decodeURIComponent(params[i].slice(ix+1));
            if (!(name in lookup))
                lookup[name]= [];
            lookup[name].push(value);
        }
    }
    return lookup;
}
function myTestFunc(p1, p2) {
    alert('param 1 is ' + p1 + ' and p2 is ' + p2);
}
jQuery(document).ready(function() {
    var params = queryToLookup(location.search);
    switch(lookup['func'])
    {
        case 'myfunc': myTestFunc(params['param1'], params['param2']);
        case 'otherfunc': myTestFunc('someval', params['param1']);
        default: alert('No function requested');
    }
});

这当然是一个非常基本的例子，但可以适应做各种疯狂的事情。限制在于您无法真正将消息传递回"页面 A"，尽管您"可以"（我认为）调整页面 A 中的技术然后调用top.location = 'pagea.html?message=foo'（例如断帧的工作原理）。