DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript實現提交模式窗口後刷新父窗口數據的方法
JavaScript實現提交模式窗口後刷新父窗口數據的方法
編輯:關於JavaScript     

本文實例講述了JavaScript實現提交模式窗口後刷新父窗口數據的方法。分享給大家供大家參考,具體如下:

有些時間,按需求設計,一個窗口中,點擊按扭,彈出模式窗口,在模式窗口中,添加完數據後(提交),關閉模式窗口,並且刷新父窗口,而恰恰模式窗口並不支持window.opener,所以無法獲得父窗口,也就是說無法在關閉模式窗口後,來得到父窗口,但是可以借助showModealDialog的返回值來判斷是否刷新,當調用showModealDialog時,父窗口代碼會停在這一行,當彈出的模式窗口關閉時給window.returnValue賦值,再調用window.close()方法,最後submit提交,等數據提交後,會關閉了模式窗口,此時程序返回到父窗口,showModealDialog得到返回值,接下來,根據返回值即可決定是否要reload,注意:為避免打開新窗口,一定要在父窗口的<head>下加入<base target="_self" />,這樣子就實現了關閉模式窗口來刷新父窗口了。

代碼1:parent form

function showDatas(){
  var re=window.showModalDialog("url","parameter","description");
  if(re==1){
    window.location.reload();
  }
}

代碼2:modal form

function subForm(){
  window.returnValue="1";
  window.close();
  document.getElementById("myForm").submit();
}


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved