2010年5月17日 星期一

Javascript 更新畫面

前面寫了一篇 子頁更新母頁畫面(showModalDialog)
這邊來寫一下一般的更新畫面方式

[更新自己這頁]
<script language="javascript">
   //第一種方法 : history.go()
   history.go(0);
   //第二種方法 : window.location.reload()
   window.location.reload();
   //第三種方法 : window.location.href
   window.location.href = window.location.href;
</script>

[更新父頁]
<script language="javascript">
   /* 以window.open開出來的新視窗 */
   /* 父頁就是window.opener */
   window.opener.history.go(0);
   window.opener.location.reload();
   window.opener.location.href = window.opener.location.href;

   /* 以window.showModalDialog開出來的新視窗 */
   /* 父頁就是window.dialogArguments */
   /* (父頁的window.showModalDialog()第2個參數要傳入window) */
   window.dialogArguments.history.go(0);
   window.dialogArguments.location.reload();
   window.dialogArguments.location.href =
                  window.dialogArguments.location.href;
   //其中,IE8針對showModalDialog好像只支援location.href的方式
</script>

沒有留言:

張貼留言