熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript實際應用:子窗口和父窗口交互

2022-06-13   來源: JSP教程 

  最近項目開發中需要子窗口和父窗口交互的內容基本上無非就是把子窗口的信息傳遞給父窗口並且關閉自己等等或者是父窗口把自己的信息傳遞給子窗口等等

  父窗口傳遞信息給子窗口

  看代碼實例

  



//調用上面的函數

  子窗口傳遞參數給父窗口

  我們對上面的代碼進行改造

  

  

  不是同頁面的子窗口和父窗口交互

  假設我們涉及到外部程序比如phpasp等等那麼我們處理的可能是兩個頁面比如上傳功能我們就是需要打開一個新頁面然後再把新頁面中的值傳遞給父頁面

  局部代碼實例

  

  以上是父窗口的部分代碼裡面的popUpWindow是封裝好的windowopen函數所以理解面面的tagphp是另外一個頁面就可以我們需要把當前表單中的值提交給tagphp頁面去處理

  tagphp部分代碼

  查詢標簽結果
生活加入該標簽

  生活秀加入該標簽

  這個就是我們的子窗口我們要把tag_和tag_返回到子窗口中雖然他們不是同一個頁面這裡有個知識點就是我們如何獲取連接中的值我們使用innerHTML屬性documenttag_innerHTML 這個就是我們獲取了tag_的值生活秀我們也能使用其他方法獲取比如documentalltag_innerHTML或者thisinnerHTML就是指本身的鏈接的值

  訪問父窗口也是使用opener對象來處理openerdocumenttryst_forminput_tagvalue就能夠改變父窗口的值

  基本我目前了解就是如此以後有東西繼續添加

  
參考文章

  {CFCEB

  ?id=


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19790.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.