jquery iframe 父子互操作

父页面

View Code

<html><head><scriptsrc="jquery.js"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){
$("#btn").click(function(){varsondocument=$(window.frames[0].document)
alert(sondocument.find("#smsg").html());
})});</script></head><body><div>below me it is an iframe</div><iframeid="myiframe"src="son.html"width="300px;"height="500px;"></iframe><divid="mm">if you see me through alert from an son's button,you win!</div><inputtype="button"id="btn"value="click me "/></body></html>

子页面

View Code

<html><head><scriptsrc="jquery.js"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){
$("#btn").click(function(){varmm=$('#mm', window.parent.document)
alert(mm.html())
})});</script></head><body><inputtype="button"id="btn"value="click me "/><div>click the button above to get parent element's innerHTML</div><divid="smsg">if you see me in the alert msg,you win</div></body></html>

转载于:https://www.cnblogs.com/applesuch5/archive/2011/08/23/2150128.html

jquery iframe 父子互操作相关推荐

jquery iframe 返回上一页_你不需要jQuery
前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...
layui父页面调用子页面的渲染_layui的iframe父子操作方法
iframe父子属性调用一.访问主页面属性 var parentId=parent.$("#id").val();//访问父页面元素值二.访问父页面方法 var parentM ...
上传图片至服务器，写入到数据库Blob字段中，以及从数据库读取Blob信息（iframe父子页面传值）(1)
最近做了个用户维护功能,涉及到照片的操作. 照片是存到数据库oracle中的Blob字段中. 难点有两个: 1,图片的上传:2,Blob字段的读取. 先说图片的上传吧, 我使用common-fileu ...
用 jQuery 获取 iframe 父子页面元素
在iframe子页面获取父页面元素代码如下: $('#Id', parent.document); 在父页面获取iframe子页面的元素代码如下: $("#Id",windo ...
iframe父子页面间通信总结
随着网页结构的复杂化,页面内嵌frame越来越常见,但不管是作为内容页来显示,还是作为组件模块嵌入,都有父子页面间通信的需求可能,因此为了更好的实现需求就必须了解父子页面间的通信. iframe子页面 ...
iframe父子页面间的关系
在hbBank项目中,客户信息查询使用了, iframe引入外界的页面,使用代码如下: <iframe id="tab-3" class="hidden" ...
react17同源iframe父子页面相互调用方法
最近制作一个大数据展示页面,需要嵌套第三方html,并进行相应的交互. 如下图: 其中A页面需要与第三方iframe进行交互,同时iframe选择公司或者园区时会回显到树选择器中. 先上解决办法 1, ...
iframe 父子页面传值 postMessage
使用postMessage给父子页面传值,可以解决跨域问题父传子:iframe.contentWindow.postMessage() 子传父:尽量放在window.onload里面.window. ...
iframe父子页面交互
为什么80%的码农都做不了架构师?>>> 1.iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成 ...

jquery iframe 父子互操作

jquery iframe 父子互操作相关推荐

最新文章

热门文章