展开

js怎么在子页面访问父窗口js方法

发布于 2023-11-04 17:29:49     浏览 103

js怎么在子页面访问父窗口js方法

问题解析:

【】

1、 在 JavaScript 中,可以使用 window.parent 属性来访问父窗口的 JavaScript 对象。通过 window.parent 属性,可以获取到父窗口的全局对象,并且可以直接调用其方法。 2、 例如,在子页面中,想要调用父窗口中的 parentFunc() 方法,可以像这样编写代码: 3、 在父窗口:function parentFunc() {
  console.log("This is a function in the parent window");
}
4、 在子页面:window.parent.parentFunc(); // 调用父窗口中的 parentFunc() 方法 5、 这样就可以在子页面中访问并调用父窗口中的 JavaScript 方法了。 6、 需要注意的是,如果子页面和父窗口不在同一个域下,由于同源策略的限制,会出现访问权限问题。此时,需要在父窗口中设置 document.domain 属性与子页面保持一致,以解决跨域问题。例如: 7、 在父窗口:document.domain = "example.com"; // 设置 document.domain 属性 8、 在子页面:window.parent.document.domain = "example.com"; // 设置 document.domain 属性
window.parent.parentFunc(); // 调用父窗口中的 parentFunc() 方法
9、 这样就可以在跨域情况下,在子页面中访问并调用父窗口中的 JavaScript 方法了。

相关推荐

猜你可能喜欢

点击加载更多