JAVASCRIPT之子窗口与父窗口的互调

た入场券 2022-07-12 02:46 225阅读 0赞

注意：要用open打开才行，如果用openModal打开则会访问不到opener.

open的参数：

window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')

参数说明

'page.html' 弹出窗口的文件名; 'newwindow' 弹出的新窗口的名字,非必须,可用空''代替;

height=100 高度; width=400 宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏，yes为显示; menubar，scrollbars 表示菜单栏和滚动栏;

resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息（通常是文件已经打开）,yes为允许;

1、从子窗口中往父窗口传值

如父页面有一个控制的id是choosedProvider，那么这样可以把值传给父页面：

opener.document.getElementById("choosedProvider").value="Tom";

2、从父窗口传值给子窗口，如子窗口中有id为T的控件，此时可以用如下传值：

<script>

var newWindow;

function openWindow(url)\{

newWindow = window.open(“new.htm”, "", "width=400,height=300 ");

\}

function changeChild()\{

newWindow.document.getElementById("T").value="我变了";

\}

</script>

3、子窗口关闭并刷新父口，这里有两种方式：

1) 子窗口关闭时关闭父窗口：

opener.location.reload();

window.close();

2) 父窗口去检测，子窗口是否已经关闭了，在设定的一段时间之后自动刷新：

<script>

var newWindow;

var timer;

function openWindow(url) \{

newWindow = window.open(url, "", "width=400,height=300,resizable=yes");

timer = setInterval("updateAfterClose()", 1000);

\}

function updateAfterClose() \{

//父窗口去检测子窗口是否关闭，然后通过自我刷新，而不是子窗口去刷新父窗口

if(newWindow.closed == true) \{

clearInterval(timer);

self.location.reload(); // 主窗口刷新

return;

\}

\}

</script>

4、父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件：

<script>

var newWindow;

function openWindow(url) \{

newWindow = window.open(url, "", "width=400,height=300,resizable=yes");

\}

function closeChild()

\{

newWindow.close();

\}

</script>

在body加上onunload事件：

<body οnunlοad="closeChild()">

5、子窗口中关闭父窗口，这个功能可能相对要少用一点：

<script>

function closeParent()

\{

opener.close();

\}

</script>

<input type=button value="关闭父窗口" οnclick=closeParent()>

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关父窗口控制它打开的所有子窗口

1.问题描述：父窗体控制所有它打开的子窗体 2.方案：在父窗体声明一个事件，该事件在所有它他开的子窗体中实现。在主窗口每次出发该事件时就会将相关操作发送到子窗体了 \---

小咪咪/ 2024年02月17日 14:46/ 0 赞/ 24 阅读

相关 java父窗口传值给子窗口_【赖国荣】js实现父窗口与子窗口传值

1.变量的定义与使用，条件语句，循环语句和数组的使用； 2.定义和使用对象；this语句的使用；isNaN,eval函数的使用； 4.类型转换函数parseInt,pars

朴灿烈づ我的快乐病毒、/ 2022年11月04日 00:51/ 0 赞/ 210 阅读

相关 JAVASCRIPT之子窗口与父窗口的互调

注意：要用open打开才行，如果用openModal打开则会访问不到opener. open的参数： window.open('page.html','newwind

阳光穿透心脏的1/2处/ 2022年07月12日 02:46/ 0 赞/ 217 阅读

相关 JAVASCRIPT之子窗口与父窗口的互调

注意：要用open打开才行，如果用openModal打开则会访问不到opener. open的参数： window.open('page.html','newwind

た入场券/ 2022年07月12日 02:46/ 0 赞/ 226 阅读

相关 javascript用window.open的子窗口关闭自己并且刷新父窗口

在字窗口的关闭触发事件，采用以下函数： function closeMeAndReloadParent() \{ opener.location.reload();

小咪咪/ 2022年06月12日 03:55/ 0 赞/ 340 阅读

相关 qt 子窗口内嵌到父窗口

类声明动态申请子窗口类对象 ClassA a = new ClassA(this); 隐藏边框 a->setWindowFlags(Qt::Cust

秒速五厘米/ 2022年05月19日 07:10/ 0 赞/ 397 阅读

相关 MFC子窗口和父窗口（SetParent,SetOwner）

文章转自：[http://www.cnblogs.com/BeyondTechnology/archive/2011/03/25/1995934.html][http_www.

╰+攻爆jí腚メ/ 2022年05月10日 03:44/ 0 赞/ 619 阅读

相关 javascript子窗口传值给父窗口

if ( this .ListInfoClass.SelectedIndex >= 0 ) \{ if (Request.QueryString\[ " T

本是古典何须时尚/ 2022年04月01日 13:25/ 0 赞/ 335 阅读

相关 iframe 父窗口掉子窗口方法。

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 1、HTML语法：<iframe name="myFrame" src="child.

素颜马尾好姑娘i/ 2022年01月15日 08:55/ 0 赞/ 368 阅读

相关 js window对象-子窗口、子窗口调用父页面方法

子窗口方法 window.open('子页面路径','打开方式','配置') newwindow 子窗口打开 toolba

骑猪看日落/ 2021年07月24日 19:45/ 0 赞/ 785 阅读