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 相关文章推荐
Javascript中获取出错代码所在文件及行数的代码
Sep 23 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
JavaScript实现解析INI文件内容的方法
Nov 17 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
vue实现商品列表的添加删除实例讲解
May 14 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 实现explort() 功能的详解
2013/06/20 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
Zend Framework路由器用法实例详解
2016/12/11 PHP
Yii全局函数用法示例
2017/01/22 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
用jscript实现新建word文档
2007/06/15 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
jQuery之排序组件的深入解析
2013/06/19 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
Node.js实现批量去除BOM文件头
2014/12/20 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
js验证账户名是否重复
2020/05/26 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
学习Python爬虫的几点建议
2020/08/05 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
利用python实现汉诺塔游戏
2021/03/01 Python
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
分公司任命书
2014/06/06 职场文书
承诺书模板
2014/08/30 职场文书
2014年业务工作总结
2014/11/17 职场文书
大学军训决心书
2015/02/05 职场文书