js操作iframe父子窗体示例


Posted in Javascript onMay 22, 2014

父窗体获取iframe

window.iframeId

iframe获取父窗口

window.parent

parent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
function btnFn(){ 
window.subWin.test(); 
} 
function get(name){ 
return document.getElementById(name); 
} 
</script> 
</head> 
<body> 
<input id="name" type="text" value="222"> 
<input type="button" id="btn" value="点击" onclick="btnFn();"><br/> 
<br/><br/> 
<iframe src="sub.html" id="subWin" 
name="subWin" width="100%" marginwidth="0" height="100%" 
marginheight="0" scrolling="Yes" frameborder="0" valign="middle" 
resize="no" style="display: block;border:3px solid red;"></iframe> </body> 
</html>

sub.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript" > 
function test(){ 
alert(window.parent.get("name").value);//结果:222 
} </script> 
</head> 
<body> 
我是窗体的内容 
</body> 
</html>
Javascript 相关文章推荐
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
javascript中返回顶部按钮的实现
May 05 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
VUE element-ui 写个复用Table组件的示例代码
Nov 18 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
node.js如何自定义实现一个EventEmitter
Jul 16 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
JS实现根据当前文字选择返回被选中的文字
May 21 #Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 #Javascript
jQuery异步验证用户名是否存在示例代码
May 21 #Javascript
jQuery取id有.的值的方法
May 21 #Javascript
jQuery判断复选框是否勾选的原理及示例
May 21 #Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 #Javascript
JS 弹出层 定位至屏幕居中示例
May 21 #Javascript
You might like
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
dedecms系统常用术语汇总
2007/04/03 PHP
php 操作excel文件的方法小结
2009/12/31 PHP
学习php笔记 字符串处理
2010/10/19 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
学习php分页代码实例
2013/10/24 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
用htc组件制作windows选项卡
2007/01/13 Javascript
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
webpack3之loader全解析
2017/10/26 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
python PyTorch预训练示例
2018/02/11 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
汽车机修工岗位职责
2014/03/06 职场文书
房产授权委托书范本
2014/09/22 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
退休教师追悼词
2015/06/23 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
聊聊redis-dump工具安装问题
2022/01/18 Redis
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL