Categories: JavaScript

[JS] 視窗傳值

為了修改 Blog 做準備,先研究如何在兩個視窗間傳值

首先說明一下 子傳母視窗 用的語法是 opener 傳回

如果需要母傳子視窗,需要用另一種方法

先說明一下母視窗的script

<script language="JavaScript">
function child_open()
{
  cwin = window.open("child.htm");
}
function child_change(){
  if (!cwin.document.forms["child_form"].name){
    window.setTimeout('child_change()',500)
  }else{
    cwin.document.forms["child_form"].child_text.value = "i am child";
  }
}
</script>

首先用body onload 直接 呼叫child_open()函式,把子視窗給叫出來

並且把 cwin 代入物件,以便後面修改子視窗需要

接著如果執行child_change() 這個函數,則判斷 cwin 這個物件有沒有完全載入子視窗的物件

如果沒有就接續執行直到載入,如果有載入,就使用 cwin.object ,直接修改子視窗的物件

接著是子視窗的寫法

<script language="JavaScript">
function monther_change() {
  opener.document.forms["mon_form"].mon_text.value = "i am monther";
}
</script>

這個很簡單 直接 用 opener 讓呼叫此視窗 的母視窗,進行物件的修改(傳值)

當然兩個都要有相對應的物件

下載附件檔執行 monther.htm

javascript_pass_value_window

參考資料:

Mesak

我是米薩克,想了解更多可以點選  關於我 

Disqus Comments Loading...
Share
Published by
Mesak
Tags: javascript

Recent Posts

[教學] 利用 n8n 建立 LINE 聊天機器人

n8n 有多厲害,這邊就不贅述...

3 週 ago

[開箱] IROCKS K103R 熱插拔無線機械式鍵盤

許久沒有開箱了,近年鍵盤的規格...

3 個月 ago

[開箱] IROCKS-K85R 無線機械鍵盤

最近一直想要組一把 無線的 9...

1 年 ago

[開箱] IROCKS K75M 銀色上蓋機械式鍵盤

IROCKS K75M 這款鍵...

2 年 ago

[開箱] IROCKS M31E 粉紅色光學遊戲滑鼠

喜歡粉紅色周邊產品的朋友,有一...

2 年 ago