iframe 和父窗口传递

iframe 向父窗口 window.parent.postMessage('向父窗口传递值',*); 父窗口向 iframe 内部子窗口传值 documnet.querySelector('iframe').contentWindow.postMessage('向iframe传递值',*); 接受信息 window.addEventList('message', (e) => { console.log(e.data); }); 如果执行 e.data 不存在 window.addEventL…

Iframe刷新父窗口的几种方式

/*Iframe刷新父窗口的几种方式在iframe的子页面中,使用onload刷新父页面的时候,遇到了一些问题. 1.目前来说,测试成功,并且兼容IE6/7和FF的刷新方式. */ <script language=JavaScript> parent.window.location.href="url"; </script> //2.个别情况下出现IE6/7“没有权限”的JS错误提示信息,FF下也出现错误提示.原因不明. <script language…

iframe子父窗口相互操作方法或元素

一.jquery 父.子页面之间页面元素的获取,方法的调用: 1. 父页面获取子页面元素: 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id 2. 父页面调用子页面…

iframe中子父窗口互调的js方法

转载自:http://www.cnblogs.com/chinafine/archive/2011/09/15/2177746.html 一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName();…

Jquery获取iframe子/父窗口中的标签

获取子窗口中的标签: $("#id",document.frames('iframename').document); 获取父窗口中的标签: $('#id', parent.document);…

Iframe和父窗口互调方法的集合

1.子iframe里调用父级的方法:window.parent.document. 2.父级里调用子集iframe:window.frames["iframe_text"].document. 下面是例子: index.html <HTML> <HEAD> <TITLE> Test Page </TITLE> <meta http-equiv="Content-Type&qu…

layui之弹出层--从父窗口传递数据到子窗口

原文链接:https://blog.csdn.net/Code_shadow/article/details/80524633 var Index = layer.open({ title: "测试", type: , content: 'http://localhost:2690/ProgressTimeline.html', area: ["80%", "90%"], success: function () { var data = [ {…

iframe里面的页面调用父窗口,左右窗口js函数的方法

iframe里面的页面调用父窗口,左右窗口js函数的方法实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN();那么只要在C页面中写如下JS函数就可以了:window.parent.AFUN();如果AFUN()有参数也可以直接传递合适的参数进去. 例如:修改父窗口控件属性window.parent.document.getElementById('frm…

Js的iframe相关问题，如何判断当前是否在iframe中，iframe和它的父窗口如何通信

一.前言: 在web中,为了丰富我们的内容,往往需要引用其它HTML文件,这时候就需要用到 iframe 标签,本文就主要记录一下使用iframe所需要注意的问题 iframe 所使用的环境(笔者所遇到的) 1. web代码兼容 PC端和移动端,这时候就想在移动端时把页面限制在固定的宽高范围中,于是就使用 iframe 把相关页面限制在其中 2. web引用别人的 HTML 内容,就使用iframe 来实现二.遇到的问题: 1. 如何判断当前是否在iframe中 if (self.fra…

iframe中子父页面跨域通讯

目录 #跨域发送信息 #跨域接收信息 #示例Demo 在非跨域的情况下,iframe中的子父页面可以很方便的通讯,但是在跨域的情况下,只能通过window.postMessage()方法来向其他页面发送信息,其他页面要通过window.addEventListener()监听事件来接收信息: #跨域发送信息 #window.postMessage()语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow…

js调用父窗口中的方法

window.open调用父窗口中的方法回调函数: function fun9(ex){ alert(ex); } 调用语句: window.open("RoomSelecter.htm?Ran"+Math.random(), "RoomSelecter"); 窗口页面中调用父窗口中的语句: if (window.opener && window.opener.fun9) { window.opener.fun9("ADF");…

window.showModalDialog刷新父窗口和本窗口的方法及注意

window.showModalDialog刷新父窗口和本窗口的方法及注意: 一.刷新父窗口的方法: A.使用window.returnValue给父窗口传值,然后根据值判断是否刷新. 在window.showModalDialog窗口页面中用window.returnValue方式设置返回值: 比如:window.returnValue='refresh'; B.在写window.showModalDialog弹出窗口函数时,定义个变量,然后根据变量值进行…

项目总结03：window.open()方法用于子窗口数据回调至父窗口，即子窗口操作父窗口

window.open()方法用于子窗口数据回调至父窗口,即子窗口操作父窗口项目中经常遇到一个业务逻辑:在A窗口中打开B窗口,在B窗口中操作完以后关闭B窗口,同时自动刷新A窗口(或局部更新A窗口)(或将数据传回A窗口) 以下是从实际项目中截取出来和window.open()方法相关的代码,业务逻辑如下: 1. 点击父窗口的div标签(id="addMatchSchedule"),出发点击事件,打开子窗口: 2. 点击子窗口的button按钮,触发点击时间,即调用addSchduleI…

父窗口和iframe子窗口之间相互传递参数和调用函数或方法

1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sArgName) { var args = LocString.split("?"); var retval = ""; if(args[0] == LocString) /*参数为空*/ { return retval; /*无需做任何处理*/ } var str = a…

HTML中IFrame父窗口与子窗口相互操作

一.Iframe篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&& //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue…

jQuery 获取父窗口的元素父窗口子窗口(iframe)

$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异$(se…

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i…

iframe中的jquery ui modal dialog 覆盖父窗口

在iframe中使用jquery ui dialog,弹出后可以覆盖父窗体 ///iframe中的jquery ui modal dialog 覆盖父窗口 function openDialog() {var $doc;if (window.location != window.parent.location) {// <SPAN style="COLOR: #ff0000">页面在iframe中</SPAN>$doc = window.parent.jQue…

iframe获取父、子窗口的方法

jquery.js调用iframe父窗口与子窗口元素的方法 1. jquery在iframe子页面获取父页面元素代码如下: $("#objid",parent.document) 2. jquery在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 3.js在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementB…

父窗口调用iframe子窗口方法

一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4.父窗口页面源码: 复制代码代码如下:<html> &…

总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&& //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValu…

Iframe的应用以及父窗口和子窗口的相互访问

点评:Iframe和FRAME的区别,方便大家以后在使用过程中根据实际需要取舍.- function getParentIFrameDocument(aID) { var rv = null; // if contentDocument exists, W3C compliant (Mozilla) if (parent.document.getElementById(aID).contentDocument) { rv = parent.document.getElementById(aID)…