iframe子页面调用父页面js函数

iframe页面调用父窗口JS函数

A页面iframe 页面B, 此时如果要在B页面调用父页面A的函数 B页面写法 parent.functionName(); 错误1: 解决办法 var js_domain_async = 'baidu..com'; document.domain = js_domain_async; 错误2: is not a function 解决办法 <script type="text/javascript"> function functionName(){ } </sc…

iframe子页面调用父页面javascript函数的方法

1.iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用子页面js函数这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();…

vue 子组件调用父组件的函数

子组件调用父组件的函数,使用$emit(eventName,[...args]),触发当前实例上的事件.附加参数都会传给监听器回调. 子组件 <template> <div> <div class="warp-mark" v-if="bingGoShow"> <img src="../../assets/resources/common/bingo.jpg" alt=""> &l…

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

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

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo…

iframe弹出层中关闭包含iframe的div（子页面调用父页面js函数）

父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;"> <iframe style="height:182px; width:300px;" src="1.html"></iframe> </div> js: function closeIframe(){ $("#wi…

如何通过js在子页面调用父页面元素的click事件

//获取父页面的某个元素var node = window.parent.document.getElementById("btnReturn");//调用该元素的Click事件 node.click();…

mui---子页面调用父页面的自定义方法

目前在开发APP的时候,有这样的一个需求:需要在登录页面返回后能够刷新父页面. 功能是这样的:在 A.html页面有头像和用户昵称,这些信息需要用户进行登录才能够拿到,登录页面是在B.html,点击A.html页面,跳转到B.html进行登录,在B.html登录成功后返回,返回的时候需要更新A.html的头像和用户昵称. 方法:在B.html页面点击返回的时候,触发A.html页面的自定义方法来实现. 具体看代码:项目是用VUE来做的,所以... B.html :添加 beforeback方法:…

iframe子页面调用父页面js函数

window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).contents().find("test").val(); 例: 父: <div id="page-wrapper" class="gray-bg dashbard-1"> <div class="row J_mainC…

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…

子页面iframe跨域执行父页面定义的JS方法

问题需求:父页面与子页面iframe跨域嵌套,子页面要触发父页面所定义的js方法.父子页面的数据传递. 下文中会用到一些文件:父页面: parent.html嵌在父页面的子iframe页面:child.html 同域时 iframe 调用父页面的JS方法在同域的情况下,子iframe页面可以很方便地直接调用父页面定义的JS方法:window.parent.fn(); 或者 window.top.fn();window.self: 当前窗口自身的引用window.parent: 上一级父窗口的引…

mui---子页面主动调用父页面的方法

我们在做APP的时候,很多时候会有这样的功能需求,例如:登录,充值,如果登录成功,或充值成功后,需要更改当前页面以及父页面的状态信息,就会用到在子页面调用父页面的方法来实现:在子页面刷新父页面的功能. 不多说:看代码父页面:b.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="…

iframe调用父页面js函数方法元素

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中 src属性传参 <iframe src="test.jsp?id=xxx"> 通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素三.iframe调用父页面函数 windo…

js 在iframe子页面获取父页面元素,或在父页面获取iframe子页面的元素的几种方式

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm…

iframe调用父页面函数用法举例

iframe如何调用父页面函数. window.parent.xxxxx();//xxxxx()代表父页面方法具体列子如下,其中包括easyUI的右键和单击事件parent.jspbody部分代码 <body class="easyui-layout">  <div data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'"…

jquery读取iframe子页面和父页面的处理

1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");…

jquery操作iframe的方法：父页面和子页面相互操作的方法

今天在弄jquery操作iframe中元素:先由iframe中的子页面b.html给外面的父页面a.html页面传值,再将a.html页面计算机的值放到b.html页面上,这里就用到子页面和父页面相互传值,相互调用更自函数这些功能,这里我用一个简单的例子来介绍一下这些方法. a.html <script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/j…

easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

<!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&q…

关于iframe调用父页面元素操作

在iframe子页面获取父页面元素代码如下: //在iframe子页面获取父页面元素 $.('#objld', parent.document); //在父页面获取iframe子页面的元素 $("#objid", document.iframes('iframe').document) //或 $(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementB…

iframe子页面控制父页面滚动高度，直接蹦到父页面开头

zepto调用父页面窗口元素的scrollTop()方法会报错,貌似是scrollTop函数中有个scrollTo()方法用到this,指向错误. 经检查, 原生js控制父页面滚动,只能写数字,不能带单位,否则不认识,设置为0: window.top.document.documentElement.scrollTop = "100"; window.top.document.body.scrollTop = "100" // 不能带px 写两个,不同浏览器设置方式…

mui-webview-子页面调用父页面的js方法

子页面// 获取当前webviewvar self = plus.webview.currentWebview();var opener = self.opener();//此句调用父页面jsopener.evalJS('checkLoginStatus()'); 父页面function checkLoginStatus(){}…

子窗口访问父页面iframe中的iframe，top打开的子窗口访问父页面中的iframe中的iframe

子窗口访问父页面iframe中的iframe 子窗口访问最顶层页面中的iframe中的iframe top打开的子窗口访问父页面中的iframe中的iframe top打开的子窗口访问最顶层页面中的iframe中的iframe ================================ 蕃薯耀 2018年2月5日 http://www.cnblogs.com/fanshuyao/ 页面情况说明: 页面使用jquery eayui架构,主页是一个普通页面(main页面),然后打开一个tab标…

【iframe子页面调用父页面js函数】的更多相关文章

iframe页面调用父窗口JS函数

iframe子页面调用父页面javascript函数的方法

vue 子组件调用父组件的函数

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

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

iframe弹出层中关闭包含iframe的div（子页面调用父页面js函数）

如何通过js在子页面调用父页面元素的click事件

mui---子页面调用父页面的自定义方法

iframe子页面调用父页面js函数

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

子页面iframe跨域执行父页面定义的JS方法

mui---子页面主动调用父页面的方法

iframe调用父页面js函数方法元素

js 在iframe子页面获取父页面元素,或在父页面获取iframe子页面的元素的几种方式

iframe调用父页面函数用法举例

jquery读取iframe子页面和父页面的处理

jquery操作iframe的方法：父页面和子页面相互操作的方法

easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

关于iframe调用父页面元素操作

iframe子页面控制父页面滚动高度，直接蹦到父页面开头

mui-webview-子页面调用父页面的js方法

子窗口访问父页面iframe中的iframe，top打开的子窗口访问父页面中的iframe中的iframe

iframe子页面获取父页面元素的方法

layer.open({}) 子页面传参并调用父页面的方法

iframe 调用父页面元素

layui type:2 iframe子页面向父页面传值

jsp中iframe所包含的页面调用父页面的function方法

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

iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素

iframe调用父页面各种方法