首頁(yè) 猿問(wèn) window.open()和win...

window.open()和window.close()兩個(gè)頁(yè)面之間數(shù)據(jù)傳遞

JavaScript

有只小跳蛙 2019-03-05 13:15:58

在舊頁(yè)面中用window.open()打開一個(gè)新頁(yè)面，在新頁(yè)面進(jìn)行操作之后用window.close()關(guān)閉新頁(yè)面，這個(gè)時(shí)候怎么在舊頁(yè)面監(jiān)測(cè)到新頁(yè)面的關(guān)閉，并且接受新頁(yè)面數(shù)據(jù)刷新舊頁(yè)面？？

查看完整描述

5 回答

UYOU

TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊

var win = window.open('')

win.document.write('hello')

win.onunload = function() {

location.reload()

}

反對(duì) 回復(fù) 2019-03-27

GCT1015

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊

子窗口的window.opener可以獲得父窗口的window

父窗口的open的返回結(jié)構(gòu)是子窗口的window。

打開的頁(yè)面執(zhí)行

var win = window.open('....');

win.close();

window.location.reload();

被打開的頁(yè)面的話執(zhí)行

//交換順序是為了腳本能執(zhí)行。先關(guān)閉后面的腳本不會(huì)執(zhí)行

window.opener.location.reload();

window.close();

反對(duì) 回復(fù) 2019-03-27

倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

window.opener可以獲取原來(lái)頁(yè)面的window對(duì)象

反對(duì) 回復(fù) 2019-03-27

繁華開滿天機(jī)

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊

window.opener.location.reload(); //子窗口刷新父窗口

反對(duì) 回復(fù) 2019-03-27

哆啦的時(shí)光機(jī)

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊

在父窗口的window中定義好變量以及更新顯示的方法，然后在子窗口中通過(guò)window.opener獲取父窗口，修改需要更新的值，在關(guān)閉子窗口前通過(guò)方法更新舊窗口的顯示，最后window.close()關(guān)閉子窗口 (因?yàn)橹匦滤⑿碌脑?，你傳遞過(guò)去的值就米有了，除非你存到cookie或者localStorage)

反對(duì) 回復(fù) 2019-03-27