js window.opener 子页面 父页面 传值

JSP 中 A 页面打开B, A,B中有两个table,形式一样,怎么把子页面B中的table内容传给父页面A?
最好不要在父页面A中操作。B页面用 $("#List").append("xxx")添加到了页面中。

1、建立父级页面,首先建立一个父级页面parent.html,代码如图,一个pop函数方法,一个链接到child.html的iframe标签;

2、建立子页面,再新建一个child.html页面,如图,展示一个id=link的div标签,和link的点击事件,因为是调用父级方法,所以需要用到window.parent.pop()方法。

3、预览页面,预览页面,可明显看到parent.html里面的iframe框架,指向的就是child子页面

4、错误提示,点击页面中“调用父级pop方法”的文字链,会提示错误,这是因为没配置好域名等相关设置。

5、站点配置,打开iis,右键iframe文件夹——“管理文件夹”——“浏览”;即可打开本地测试地址;(如小伙伴没配置iis,需要先配置iis建立站点)

6、成功调用父级方法,再次点击“调用父级pop方法”的文字链,即可成功弹出提示。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-06-20

1、新建一个子页面,页面演示代码如图所示,定义了一个testChild方法,放置一个按钮,用来触发调用父页面定义的js方法。

2、再建一个父页面,页面演示代码如图所示,定义了一个testParent方法,也放置一个按钮,用来触发调用子页面定义的js方法,父页面还需要使用<iframe name="myFrame" src="child.html"></iframe>引入子页面。

3、打开浏览器访问父页面,页面打开效果如图所示,父页面里面嵌套了一个子页面,父子页面都有一个按钮。

4、在父页面中,点击调用子页面中的函数按钮,显示“我是子页面”,这个信息是子页面方法里的,说明父页面已经成功调用了子页面定义的js方法。

5、在子页面中,点击调用子页面中的函数按钮,显示“我是父页面”,这个信息是父页面方法里的,说明子页面已经成功调用了父页面定义的js方法

6、从上面的例子代码和测试的效果,可以总结。

本回答被网友采纳
第2个回答  2015-12-01

  子页面要向父页面传值,只要在document前面加window.opener即可

  window.opener 的用法

  window.opener 返回的是创建当前窗口的那个父窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:indow.opener.document.getElementById("name").value = "输入的数据";

  1.页面代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
head>
<script language="javascript">
function tanchu()
{
    window.open("Untitled-5.html");   
}
script>
<body>
    <form id="form1" name="form1" method="post" action="">
        <label> <input type="submit" name="button" id="button" value="提交"
            onclick="tanchu()" />
        label> <label> <input type="text" name="textfield" id="textfield" />
        label>
    form>
</body>
</html>

  2.子页面代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档title>
head>
<script language="javascript">
function aaa()
{
    window.opener.document.getElementByIdx('textfield').value='123123123';
}
script>
<body>
    <form id="form1" name="form1" method="post" action="">
        <label> <input type="submit" name="button" id="button" value="提交"
            onclick="aaa()" />
        label>
    form>
</body>
</html>

第3个回答  2013-07-24
举个例子:
在B页面中 window.opener.document.getElementById("A页面的id").innerHTML="<table>html</table>";

具体自己写吧本回答被提问者和网友采纳
第4个回答  2013-07-24
在你子页面中., window.parent.document.getElementById("##");这样你可以得到指定的父层对象,拿到对象之后后面怎么处理应该会了吧

js window.opener 子页面 父页面 传值
1、建立父级页面,首先建立一个父级页面parent.html,代码如图,一个pop函数方法,一个链接到child.html的iframe标签;2、建立子页面,再新建一个child.html页面,如图,展示一个id=link的div标签,和link的点击事件,因为是调用父级方法,所以需要用到window.parent.pop()方法。3、预览页面,预览页面,...

js window.opener 子页面 父页面 传ŀ
1、新建一个子页面,页面演示代码如图所示,定义了一个testChild方法,放置一个按钮,用来触发调用父页面定义的js方法。2、再建一个父页面,页面演示代码如图所示,定义了一个testParent方法,也放置一个按钮,用来触发调用子页面定义的js方法,父页面还需要使用引入子页面。3、打开浏览器访问父页面,页面...

在用window.open()方法弹出的子对话框中如何输入数值并传递给父窗口中j...
父窗口: var aaa = 5; 子窗口:就是open打开的页面: window.opener.aaa=6

js怎么刷新 open 的窗口


在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?_百度...
父页面 function getChildEl(){ alert(document.frames("inner").document.getElementById("text1.inner").value);}

js用window.open()弹出的页面如何控制父页面的显示
子页面中调用window.opener,就是父页面的window对象。试试:window.opener.document.getElementById("aaaa")

急:js 如何在子页面触发父页面的某个按钮
click并不是getElementsByTagName的属性或方法,当然不能生效 click()事件需要触发,然后回调函数执行相关操作 如 var s = window.opener.document.getElementsByTagName if ( s.value=='refresh' ){ _doClick('482574EB0030EB86.62dd28fbaafdc672482576960026f3ec\/$Body\/0.6390', s, null);} ...

两个页面怎么传值 第一个页面 中 js 中获得的变量值 想传到 第二个页面...
function showAG(ag){ document.getElementById("pa").innerHTML=ag; }B页面中按钮的点击事件:function rtnAg(){ var wvB=plus.webview.currentWebview(); \/\/获取当前窗口的WebviewObject对象,即B var wvA=wvB.opener(); \/\/获取当前窗口的创建者,即A wvA.evalJS("sho...

如何让弹出页的js提交后回传给父页不刷新获取新的图片值
第一页用:window.opener.gximg('图片路径');第二页用这个:function gximg(urls){document.getElementById("aaaaaaaaaa").src=urls;}

js怎么刷新 open 的窗口
获取父页面:window.opener 如下方法注意要判断一下父页面是否已经关闭。2.html:

相似回答