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弹出层插件简化版代码下载
Oct 16 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 Javascript
vue 项目引入echarts 添加点击事件操作
Sep 09 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
php输出xml必须header的解决方法
2014/10/17 PHP
php数组生成html下拉列表的方法
2015/07/20 PHP
javascript显示选择目录对话框的代码
2008/11/10 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
Javascript的&amp;&amp;和||的另类用法
2014/07/23 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
vue.js实现价格格式化的方法
2017/05/23 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
二种python发送邮件实例讲解(python发邮件附件可以使用email模块实现)
2013/12/03 Python
Python文件操作类操作实例详解
2014/07/11 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python数据类型详解(二)列表
2016/05/08 Python
PyQt5每天必学之布局管理
2018/04/19 Python
Python生成短uuid的方法实例详解
2018/05/29 Python
Python常见数据类型转换操作示例
2019/05/08 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
python turtle 绘制太极图的实例
2019/12/18 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
python类共享变量操作
2020/09/03 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
2014年党建工作总结
2014/11/11 职场文书
违纪检讨书
2015/01/27 职场文书
研究生导师推荐信
2015/03/25 职场文书
工作服管理制度范本
2015/08/06 职场文书
高二语文教学反思
2016/02/16 职场文书
python爬取某网站原图作为壁纸
2021/06/02 Python
使用Python解决图表与画布的间距问题
2022/04/11 Python
Win11软件图标固定到任务栏
2022/04/19 数码科技