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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
用javascript获取textarea中的光标位置
May 06 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
利用JS重写Cognos右键菜单的实现代码
Apr 11 Javascript
javascript学习笔记(五)正则表达式
Apr 08 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
10分钟学会js处理json的常用方法
Dec 06 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 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
拖动时防止选中
2017/02/03 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
nodejs获取微信小程序带参数二维码实现代码
2017/04/12 NodeJs
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
打印出python 当前全局变量和入口参数的所有属性
2009/07/01 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
使用Python绘制图表大全总结
2017/02/11 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
酒店销售经理岗位职责
2014/01/31 职场文书
小班重阳节活动方案
2014/02/08 职场文书
教师求职自荐信
2014/03/09 职场文书
护士实习求职信
2014/06/22 职场文书
预备党员介绍人意见
2015/06/01 职场文书
生日赠语
2015/06/23 职场文书
Sql-Server数据库单表查询 4.3实验课
2021/04/05 SQL Server
python如何进行基准测试
2021/04/26 Python
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android