iframe postmessage 子页面接收不到数据

vue 给嵌套的iframe子页面传数据 postMessage

Vue组件下嵌套了一个不同域下的子页面,iframe子页面不能直接获取到父页面的数据,即使数据存在localStorage中,子页面一样是获取不到的,所以只好使用postMessage传数据: <iframe src="http://127.0.0.1:8888/index.html" class="mapFrame" ref="mapFrame"></iframe> 父页面发送数据参数: <script> e

Bootstrap 模态框 + iframe > 打开子页面 > 数据传输/关闭模态框

父页面bootstrap模态框: <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" > <div class="modal-dialog modal-lg"> &l

主页面获取iframe 的子页面方法。

父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="调

使用iframe框架后的页面跳转时目标页面变为iframe的子页面的问题

<frameset rows="4,200,10,*,120" cols="*" framespacing="0" frameborder="no" border="1" > <frame src=""/> <frame src="<%=practiceInfoSrc %>" id="practice

js-关于iframe:从子页面给父页面的控件赋值方法

项目中我们经会用到iframe,可能还会把iframe里的数值赋值给父页面空间. 接下来我们来说说有关于iframe赋值给父页面的方法. 1.子页面iframe给父页面的控件赋值方法. parent.document.getElementById("user").value = "wwwww"; //子窗口赋值父窗口方法一 parent.document.form1.shoulu.value="123"'; //子窗口赋值父窗口方法二 2.父页面

iframe访问子页面方法

在Iframe中调用子页面的Js函数调用IFRAME子页面的JS函数说明:假设有2个页面,index.html和inner.html.其中index.html中有一个iframe,这个iframe的src指向inner.html. 我们现在要做的就是: 1.在index.html中调用inner.html上的一个js方法 2.在inner.html中调用index.html上的一个js方法实现代码如下: index.html <html> <head> <script

iframe根据子页面自动调整大小

//iframe高度自适应 function IFrameReSize(iframename) { var pTar = document.getElementById(iframename); if (pTar) { //ff if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) { pTar.height = pTar.contentDocument.body.offsetHeight; } //ie e

iframe框架子页面与父页面间的通信

需要注意的问题:页面最好放在服务器上测试避免跨域问题. 具体参考:http://www.cnblogs.com/ljhero/archive/2011/07/09/2101540.html

html中iframe根据子页面内容动态修改高度

JavaScript var browserVersion = window.navigator.userAgent.toUpperCase(); var isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false; var isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false; var isChrome = br

如何实现跨域获取iframe子页面动态的url

有的时候iframe的子页面会动态的切换页面,我们在父页面通过iframe1.contentWindow.window.location只能获取同源的子页面的信息.获取跨域的子页面信息会报错. 这时可以通过html5 提供的接口 postMessage来过去跨域子页面信息.如下代码: 在localhost:8000服务器下的入口测试页面:http://localhost:8000/index.html <!DOCTYPE html> <html lang="en"&g

layui 或者layer 父页面获取子页面数据或者子页面获取父页面操作方法

var frameId = $(layero).find("iframe").attr('id');//父页面获取子页面的iframe var id = $(window.frames[frameId].document).find("#typecoupon").val();父页面获取子页面指定的id数据 $(window.parent.document).find("#age").val(age);子页面的数据赋值给父页面指定的id

父子页面之间元素相互操作(iframe子页面)

js/jquery获取iframe子页面中元素的方法: 一.使用window.frames["iframe的ID"]获取元素 window.onload = function() { var oIframe = window.frames["oIframe"].document.getElementById("getFrame"); console.log(oIframe); } 注意:此处一定要加上window.onload或者DOMConte

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

javascript获取iframe框架中,加载的页面document对象因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 }

实现 iframe 子页面调用父页面中的js方法

父页面:index.html(使用iframe包含子页面child.html) [xhtml] view plaincopyprint? <html> <head> <script type="text/javascript">  </script> </head> <body

在子页面操作父页面元素和iframe说明

实现功能:在子页面操作父页面元素. 在实际编码的过程中,大家一定有这种需求:在父级页面有一个<iframe scrolling='auto'></iframe>内联框架,而我们需要在iframe的子页面里对父页面的元素进行操作.下面我就实际代码展示一下. 父级页面 <div id="fatherHtml"> <div id="button1"><h2>这是父级页面</h2></div>

Js获取iframe子页面全局变量

项目中通过iframe内嵌了一个子页面,子页面定义了一些全局变量,父页面需要获取子页面的全局变量,做了一些测试(我的环境IE10和Firefox32.0.3),得出如下结论: IE下: window.frames['iPage'].变量名火狐下:window.frames['iPage'].contentWindow.变量名 IE&火狐下:document.getElementById('iPage').contentWindow.变量名具体原因没有深究,今天在调试一个iframe例子的

iframe子页面无法返回上一页的问题

本文讨论的场景是ipad终端. 如题,因业务需要,需要使用iframe嵌套子页面.让外层始终保持一个socket连接,避免socket每跳转一个页面都要重新关闭建立连接的问题.但是这样问题来了,上线后发现ipad终端无法回退子页面,一回退就退到登录页面了(父页面的上一页).子页面的回退功能没有. 由于用的是谷歌浏览器,网上找了解决方案.其实这个就是浏览器厂商支不支持这个功能的问题.因为PC端的谷歌浏览器调试是支持的,调试ipad模式也是支持的.但是ISO系统的谷歌浏览器没不支持就没办法. 于是I

iframe 框架父页面刷新子页面

1.父页面添加: <script> function testBtn(){ var reshSrc = document.getElementById('myFrame').src; var iframe1=document.getElementById("mainframe"); iframe1.src = reshSrc;//需要给主框架刷新才可以 } </script> <iframe name="mainframe" i

使用 iframe + postMessage 实现跨域通信

在实际项目开发中可能会碰到在 a.com 页面中嵌套 b.com 页面,这时第一反应是使用 iframe,但是产品又提出在 a.com 中操作,b.com 中进行显示,或者相反. 1.postMessage postMessage方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档.多窗口.跨域消息传递. 语法: otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow:其他窗口的引用,如

JS：字符串转成json数据，和json转成字符串方法 iframe获取父级传过来的数据

字符串转成json数据,和json转成字符串方法 //转为JSON adinfo=JSON.parse(adinfo) //转为字符串 adinfo=JSON.stringify(adinfo) 大概流程: var gdt_adinfo=[]; 父级页面通过接口获取的数据: this.url="http://gjs.adwo.com/gjs/gad_i?sdkVersion="+sdkVersion+"&n=1&gp="+gp; 获取数据后处理的方法

iframe postmessage 子页面接收不到数据

热门专题