- 1
- 0
- 约1.64千字
- 约 3页
- 2023-08-05 发布于陕西
- 举报
js 获取不到top 的iframe 里面的方
法
在 JavaScript 中,获取嵌套在父级 iframe 中的子级 iframe
内部的方法,需要使用 window.parent 来访问父级 iframe,然后再
通过父级 iframe 的 contentWindow 属性来获取子级 iframe 的
window 对象。以下是一种获取方法的示例:
假设有如下的 iframe 嵌套结构:
!DOCTYPE html
html
head
titleParent Page/title
/head
body
iframe id=parentIframe src=child.html/iframe
/body
/html
在 child.html 中:
html
Copy code
!DOCTYPE html
html
1 / 3
head
titleChild Page/title
/head
body
button id=childButtonClick me/button
script
// 在子级 iframe 中获取父级 iframe 中的方法并调用
document.getElementById(childButton).addEventListener(cl
ick, function() {
var parentMethod = window.parent.someMethod;
if (parentMethod) {
parentMethod();
} else {
console.log(Parent method not found);
}
});
/script
/body
/html
在父级页面的 JavaScript 中:
2 / 3
javascript
Copy code
function someMethod() {
alert(Method called from child iframe!);
}
在这个示例中,子级 iframe 内部的 JavaScript 代码通过
window.parent 获取到了父级 iframe 的 window 对象,然后通过
这个对象访问了父级 iframe 页面中的 someMethod 方法。
需要注意的是,出于安全性考虑,跨域的 iframe 访问可能会受
到浏览器的限制,需要确保嵌套在父级 iframe 中的子级 iframe 的
域名与父级 iframe 页面的域名一致,或者进行正确的跨域设置。
3 / 3
您可能关注的文档
- rather放在句首的用法.pdf
- 设备启动时电容的作用.pdf
- 调用函数和接口函数.pdf
- abc三相电压曲线函数表达式.pdf
- occuption的用法(occupy的用法).pdf
- 界面液位计浮子密度.pdf
- modbus定时轮询实例.pdf
- 种子灭活处理方法.pdf
- did做强调时的用法.pdf
- uhf频段射频信号转电压.pdf
- 全过程工程管理造价咨询工程监理项目服务方案投标方案(技术部分).doc
- 招标代理服务投标技术服务方案(技术方案).doc
- AI大模型与AIGC技术在公安领域的应用解决方案(99页 PPT).pptx
- 工业4.0智能制造数字工厂规划方案.pptx
- 树立社会主义核心价值观.docx
- 三年(2023-2025)中考历史真题分类汇编(全国)专题21 科技文化与社会生活(解析版).docx
- 2025年中考道德与法治真题完全解读(吉林卷).pdf
- 2025年中考道德与法治真题完全解读(安徽卷).pdf
- 三年(2023-2025)中考历史真题分类汇编(全国)专题14 人民解放战争(解析版).pdf
- 三年(2023-2025)广东中考历史真题分类汇编:专题03 中国近代史(八年级上册)(解析版).docx
原创力文档

文档评论(0)