jquery 父页面调用子页面方法

在jQuery中，通常情况下，子页面的方法不能直接被父页面调用，因为它们属于不同的DOM文档。但可以通过几种方式实现跨页面的交互。

一种常见的方法是使用`window.postMessage`方法进行跨文档通信（Cross-document messaging）。这是一种在不同源之间安全传递信息的方式。父页面可以向子页面发送消息，然后子页面在接收到消息后可以执行相应的方法。

具体实现步骤如下：

1. 确保父页面和子页面的协议、域名和端口号相同，或者父页面有权向子页面发送消息。
2. 在子页面中设置一个消息监听函数，用于监听从父页面发送过来的消息，并根据消息内容执行相应的方法。
3. 在父页面中，使用`postMessage`方法向子页面发送消息。

示例代码如下：

子页面（child.html）:

// 设置消息监听器
window.addEventListener("message", receiveMessage, false);

// 定义消息处理函数
function receiveMessage(event) {
    // 确保消息来源是可信的
    if (event.origin !== "http://父页面地址") {
        return;
    }
    // 根据接收到的消息执行相应的方法
    if (event.data.type === "callMethod") {
        // 调用子页面的方法
        childMethod(event.data.payload);
    }
}

// 子页面的一个方法示例
function childMethod(payload) {
    console.log("子页面方法被调用", payload);
}

父页面:

// 获取子页面的window对象
var childWindow = window.open("child.html");

// 定时向子页面发送消息
setInterval(function() {
    childWindow.postMessage({
        type: "callMethod",
        payload: { data: "来自父页面的消息" }
    }, "http://子页面地址");
}, 2000);

使用`postMessage`进行跨页面通信时，应确保通信的安全性，比如验证消息来源和内容的合法性。