程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 使用js在父子窗口間進行傳值

使用js在父子窗口間進行傳值

編輯:關於JSP

我使用js在父子之間進行傳值主要是通過在子窗口調用父窗口的方法來實現傳值的目的。
 
parent.html
Html代碼 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>parent.html</title> 
     
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
    <script type="text/javascript"> 
        function openWin() { 
            var style = "width=300,height=400,location=no,directories=no,toolbar=no,status=no,menubar=no,resizable=no,scrollbars=no"; 
            window.open("child.html","打開窗口傳值",style);        
        } 
         
        function setValue(name,hname) { 
            document.getElementById("name").value = name; 
            document.getElementById("hname").value = hname; 
        } 
    </script> 
  </head> 
   
  <body> 
    name:<input type="text" id="name"/><a href="#" onclick="openWin()">請選擇</a> 
    <input type="hidden" name="name" id="hname"/> 
  </body> 
</html> 
 
child.html
Html代碼 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>child.html</title> 
     
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
    <script type="text/javascript"> 
        function selectedThis(obj) { 
            var name = obj.value; 
            var hname = obj.id; 
            window.opener.setValue(name,hname);//調用父窗口的方法進行傳值 
            window.opener = null; 
            window.close(); 
        } 
    </script> 
  </head> 
   
  <body> 
    請選擇名稱:<br/> 
    <input type="radio" name="name" id="name1" value="名稱1" onclick="selectedThis(this)"/>名稱1 
    <input type="radio" name="name" id="name2" value="名稱2" onclick="selectedThis(this)"/>名稱2 
    <input type="radio" name="name" id="name3" value="名稱3" onclick="selectedThis(this)"/>名稱3 
    <br/> 
    <input type="radio" name="name" id="name4" value="名稱4" onclick="selectedThis(this)"/>名稱4 
    <input type="radio" name="name" id="name5" value="名稱5" onclick="selectedThis(this)"/>名稱5 
    <input type="radio" name="name" id="name6" value="名稱6" onclick="selectedThis(this)"/>名稱6 
     
  </body> 
</html> 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved