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 相关文章推荐
Extjs学习笔记之八 继承和事件基础
Jan 08 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
JS实现小球的弹性碰撞效果
Nov 11 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
vue添加class样式实例讲解
Feb 12 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
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
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
python的else子句使用指南
2016/02/27 Python
详解Python3的TFTP文件传输
2018/06/26 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
python实现梯度下降算法
2020/03/24 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
新电JAVA笔试题目
2014/08/31 面试题
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
法学专业毕业生求职信
2014/06/12 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
素质教育培训心得体会
2016/01/19 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android