博客
关于我
jquery 父页面,子页面之间页面元素的方法相互调用与元素访问
阅读量:294 次
发布时间:2019-03-03

本文共 731 字,大约阅读时间需要 2 分钟。

http://www.cnblogs.com/it-xcn/p/5896231.html

一、jquery 父、子页面之间页面元素的获取,方法的调用:

1. 父页面获取子页面元素:

    格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 

    实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id

 

2. 父页面调用子页面方法:

    格式:$("#iframe的ID")[0].contentWindow.iframe方法(); 

    实例:$("#ifm")[0].contentWindow().(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

 

 

3. 子页面获取父页面元素:

 

    格式:$("#父页面元素id" , parent.document);

 

    实例:$("#pBtnOk" , parent.document).click(); // pBtnOk 为父页面标签 id

 

 

二、原生 js 父页面元素的获取,方法的调用:

 

1. 子页面调用父页面方法:

 

    格式:parent.父页面方法

 

    实例:parent.pClick(); // pClick 为父页面 js 方法

 

 

 

2. 子页面获取父页面元素:

 

 

    格式:window.parent.document.getElementById("父窗口元素ID");

 

 

    实例:window.parent.document.getElementById("pBtnOk");// pBtnOk为父页面标签 id

你可能感兴趣的文章
Mysql 学习总结(87)—— Mysql 执行计划(Explain)再总结
查看>>
Mysql 学习总结(88)—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键
查看>>
Mysql 学习总结(89)—— Mysql 库表容量统计
查看>>
mysql 实现主从复制/主从同步
查看>>
mysql 审核_审核MySQL数据库上的登录
查看>>
mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决
查看>>
mysql 导入导出大文件
查看>>
mysql 将null转代为0
查看>>
mysql 常用
查看>>
MySQL 常用列类型
查看>>
mysql 常用命令
查看>>
Mysql 常见ALTER TABLE操作
查看>>
MySQL 常见的 9 种优化方法
查看>>
MySQL 常见的开放性问题
查看>>
Mysql 常见错误
查看>>
MYSQL 幻读(Phantom Problem)不可重复读
查看>>
mysql 往字段后面加字符串
查看>>
mysql 快速自增假数据, 新增假数据,mysql自增假数据
查看>>
Mysql 报错 Field 'id' doesn't have a default value
查看>>
MySQL 报错:Duplicate entry 'xxx' for key 'UNIQ_XXXX'
查看>>