父頁面開啟子頁面,子頁面完成操作後觸發父頁面的事件

2022-07-09 11:39:21 字數 796 閱讀 3301

js在找父頁面方法:

window.opener.document在頁面執行結果如下:

window.parent.document在頁面執行結果如下:

發現:window.opener.document獲取的是父級頁面。

window.parent.document獲得的是本身,很奇怪了。

之後查閱了一些資料得出結論:

window.parent能獲取乙個框架的父視窗或父框架。頂層視窗的parent引用的是它本身。

window.opener引用的是window.open開啟的頁面的父頁面。

opener即誰開啟我的,比如a頁面利用window.open彈出了b頁面視窗,那麼a頁面所在視窗就是b頁面的opener,在b頁面通過opener物件可以訪問a頁面。 

parent表示父視窗,比如乙個a頁面利用iframe或frame呼叫b頁面,那麼a頁面所在視窗就是b頁面的parent。

之後,就很順利了的使用「window.opener.document.getelementbyid('button1').click(); 」觸發頁面事件(我實現的是通過乙個按鈕來實現這個事件)。我們可以把這個按鈕隱藏起來。

經過以上種種實驗和思考,終於實現了通過子頁面js觸發父頁面某個按鈕的單擊事件,實現子頁面重新整理父頁面區域性資料的方法。

父頁面開啟子頁面後,子頁面關閉父頁面重新整理

父頁面開啟子頁面後,子頁面關閉父頁面重新整理 下面是很簡單的一種方式,在子頁面重新整理,關閉 window.opener.location.relaod self.close 但是有乙個問題,就是父頁面重新整理的時候有提示框,然後就用了另一種方法 window.opener.refreshdata ...

JQUERY IFRAME 父頁面子頁面互相查詢

第 一 在iframe中查詢父頁面元素的方法 id window.parent.document 第二 在父頁面中獲取iframe中的元素方法 this contents find suggestbox 第三 在iframe中呼叫父頁面中定義的方法和變數 parent.method parent.v...

js jquery父頁面 子頁面互相呼叫

1.呼叫父頁面方法 window.parent.window.test 呼叫父層window的test 方法 window.top.window.test 呼叫頂層window的test方法前提是父頁面方法要全域性訪問到,比如放到ready中就訪問不到,直接放到下2.呼叫子頁面方法 window.f...