iframe父子页面间互相调用方法和属性

摘要:
topFrame.window.document.getElementById(“back”).value;topFrame.window.cId;window.parent.document.getElementById(“PtzPreset1”).innerText;window.parent.document.getElementById(“返回”).value;
<iframe src="VideoController.do?videoPlay" name="topFrame" ></iframe> 

topFrame 是父级页面iframe的name属性

1、父级页面调用子级页面

(1)父级页面调用子级页面方法 

  topFrame.window.子级页面方法();

(2)父级页面调用子级页面属性    获取值、显示隐藏、变量

  topFrame.window.document.getElementById("back").style.display="block";

  topFrame.window.document.getElementById("back").innerText;

  topFrame.window.document.getElementById("back").value;

  topFrame.window.cId;

2、子级页面调用父级页面

(1)子级页面调用父级页面方法

  window.parent.父级页面方法();

(2)子级页面调用父级页面属性    获取值、显示隐藏、变量

  twindow.parent.document.getElementById("PtzPreset1").style.display="block";

  window.parent.document.getElementById("PtzPreset1").innerText;

  window.parent.document.getElementById("back").value;;

  window.parent.cId;

免责声明:文章转载自《iframe父子页面间互相调用方法和属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇替代Xshell的良心国产软件 FinalShell七、特征提取和转换下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

VUE 使用中踩过的坑

vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家! 1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在cr...

微信小程序,前端大梦想(四)

微信小程序图片轮播及滚动视图          移动端常用效果图片轮播及数据列表已被小程序封装成了组件,这里和大家分享一下如何使用。   Scroll-view   可滚动视图区域 Swiper       图片轮播容器 Navigator    页面链接的3种方式 scroll-view       属性说明如下:            使用竖向滚...

解决Firefox显示“已阻止载入混合活动内容”的方法

解决方法如下: 方法1:让Firefox暂时不阻止 打开新标签页,在地址栏输入 about:config,进入配置页面。 搜索 security.mixed_content.block_active_content,将true改为false。 方法2:避免在HTTPS页面中包含HTTP的内容。 第1种方法很不现实,因为我们不能要求所有用户去改这项配置。...

window.open的小技巧分享(转)

   今天再次谈起window.open是因为发现了一个比较好玩的小技巧,详细内容我们稍后详细说明。       聊到window.open,不得不说明一下他的使用方法,主要有两种形式:   window.open()没有任何参数,这种方式可以新标签打开页面 window.open(url, name, pars),带有参数的可以在当前页面打开窗口...

CSS专题(三):页面高度发微

一 背景   本文不讨论普通元素的大小和位置,仅仅讨论页面的大小和位置,而且为了简化问题,本文只讨论高度与顶部距离。笔者发现,页面的宽度与高度的表现有很多不同,细心的朋友会发现,故页面宽度另起文讨论,文章已经写好,见页面宽度发微。   这里说的页面高度,是指浏览器页面的高度。有以下四种元素能够表现页面的高度:window,html,document,bod...

支付宝支付成功后通知在微信打开的提示页面

背景 正常情况下,在微信浏览器使用支付宝支付,会出现一大坨链接,让你手动的复制到浏览器打开去操作。 这样的用户体验,别说用户,就连没有审美的程序员也不能忍的。 于是阿力饼饼给出了方案,倒不是解决跳转的问题,只是把那个不友好的提示,通过判断,给出已给相对友好的提示。 在园友的文章:腾腾流氓,云云更流氓(问微信怎样接入支付宝支付),手贱的赶紧点,你会感谢我的 ...