练习：window弹窗案例

案例：window弹窗案例
- 实现过程
1、创建一个页面
** 有两个输入项和一个按钮
** 按钮上面有一个事件：弹出一个新窗口 open


2、创建弹出页面
** 表格
** 每一行有一个按钮和编号和姓名
** 按钮上有一个事件：把当前的编号和姓名，赋值到第一个页面相应的位置


****//实现s1方法
function s1(num1,name1) {
//需要把num1和name1赋值到window页面
//跨页面的操作  opener：得到创建这个窗口的窗口 得到window页面
var pwin = window.opener; //得到window页面
pwin.document.getElementById("numid").value = num1;
pwin.document.getElementById("nameid").value = name1;
//关闭窗口
window.close();
}

 

－　opener:属性，获取创建当前窗口的窗口

代码示例：

第一个HTML页面：

  
    

    
    
    

  
  
  
  
    编号：

    姓名：

    
    
  

第二个HTML页面：

  
    

    
    
    
    
    


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
操作
姓名
编号
100
东方不败
101
逍遥子
102
南帝
  
  

效果展示：