如何从母版页javascript调用子页面的javascript函数

从母版页JavaScript调用子页面的JavaScript函数，可以通过以下几种方法实现：

1. 使用window.parent属性：

在母版页中，可以通过window.parent属性访问子页面的JavaScript函数。例如，如果子页面中有一个名为childFunction的函数，可以在母版页中使用以下代码调用它：

window.parent.childFunction();

1. 使用postMessage方法：

母版页和子页面可以通过postMessage方法向彼此发送消息。在母版页中，可以使用以下代码向子页面发送消息：

window.parent.postMessage('callChildFunction', '*');

然后，在子页面中，可以使用message事件监听器来接收母版页发送的消息，并根据消息内容调用相应的函数：

window.addEventListener('message', function(event) {
  if (event.data === 'callChildFunction') {
    childFunction();
  }
});

1. 使用iframe元素的contentWindow属性：

如果子页面是通过iframe元素加载的，则可以使用iframe元素的contentWindow属性来访问子页面的JavaScript函数。例如，如果子页面中有一个名为childFunction的函数，可以在母版页中使用以下代码调用它：

document.getElementById('myIframe').contentWindow.childFunction();

请注意，以上方法仅适用于同源的母版页和子页面。如果母版页和子页面不是同源的，则需要使用其他方法（例如CORS）来实现跨域通信。