window.top

JS子页面访问父页面元素/变量/函数

▼魔方 西西 提交于 2020-04-12 16:32:38
四个属性变量 window.self window.parent window.top window.frames 在页面中嵌入一个 iframe 页面后 子页面中并不能直接访问父页面中的变量、函数或者文档元素 1、使用 iframe 嵌入一个子页面其实相当于在当前 BOM 挂载了一个子 BOM 2、父 BOM 会将子 BOM 存放于 window.frames 属性中, frames 为数组,其中的元素为子 BOM 对象 3、BOM 对象即 window 对象,DOM 对象即 window.document 4、JS的作用于为当前 BOM,即 window,js的隐藏指针全局 this 也是指向的 window index.html中使用iframe嵌人了main.html main.html中使用iframe嵌入了sub.html index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body { height:100%; } * { margin: 10px 5px; } </style> </head> <body> <div style="border: 5px solid #00f"> <p