javascript中父、子页面间调用

本文主要转自：http://www.360doc.com/content/11/0525/17/6161903_119333834.shtml
http://zhidao.baidu.com/question/178864421.html

父子页面互相调用的几种方法总结：

第一种：采用window.open(),打开一个新窗口

父页面调用子页面：

子页面用window.open打开,调用方法为

var aa = window.open();

aa. child ();//child ()为子页面的方法

子页面调用父页面：

window.opener . parent () // window.opener 实际上就是通过window.open打开的窗体的父窗体。

第二种：采用嵌入frame式调用

比如：<iframe src="/**.jsp" width="100%" height=100% name="mapFrame"></iframe>

父页面调用子页面

mapFrame. child ();//mapFrame为父页面中frame的name值，child()子页面中方法

给iframe设置上ID ：document.getElementById(‘iframeid‘).contentWindow.abc(); //abc() 为子页面函数

子页面调用父页面

Window.parent. parent ()

第三种：采用window.showModalDialog(),打开一个新窗口

showModalDialog(‘/window.jsp‘, window,‘dialogHeight:300px;dialogWidth:600px;status=off‘);

父页面不能调用子页面的方法

子页面调用父页面

window.dialogArguments. parent ();

时间： 2024-12-15 10:27:37

javascript中父、子页面间调用的相关文章

在IFream中，子页面调用父页面的方法

工作中遇到的具体情况是,父页面中的菜单点击,在框架中打开子页面.子页面保存新增的数据后,打开父页面的另一个子页面,此时要调用父页面菜单点击事件. var _parent = window.parent; //获得父页面的对象 _parent.父页面中的方法

父页面与子页面间相互传值 1.子页面又父页面通过window.open弹出子页面要向父页面传值,只要在document前面加window.opener即可.如:父页面: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

用JavaScript刷新框架子页面的七种方法

下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做. 其中framedemo.html由上下两个页面组成,代码如下: < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < TITLE> frameDemo < /TITLE> < /HEAD>

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

html中 iframe子页面与父页面之间的方法调用 ;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Parent Page</titl

vue 子页面怎么调用父页面的方法

首先环境要说一下,是vue-cli 脚手架搭的webpack 下面是父页面的写法 <template> <div id="app"> <router-view/> </div> </template> <script> export default { name: 'App', provide(){ return{ say:this.say } }, methods:{ say(){ alert("这是

vue 父页面中含子页面滑动，滑动结束，底部组件进行滑动

详见效果地址: https://pan.baidu.com/s/1Yin2q0Fh_6AQJTlbie7QMw 使用 1.v-touch 实现滑动效果,父级页面滑动,当父级含有子页面需要滑动功能hasClass("sm_img"),需要判断是否继续父级滑动,有的话子页面先滑动,通过upB去判断 if($(imgShowChild[that.childNum]).children().children().hasClass("sm_img")&&tha

父子页面间调用

一.jQuery 父.子页面之间页面元素的获取,方法的调用: 1. 父页面获取子页面元素: $("#子页面id").contents().find("#子页面中的标签的id").click(); 2. 父页面调用子页面方法: $("#iframe的id")[0].contentWindow.子页面的方法(); 3. 子页面获取父页面元素: $("#父页面元素id" , parent.document); 二.原生 js 父页面

[HTML]HTML框架IFrame下利用JS在主页面和子页面间传值

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["i