javascript 句柄传值

举报
小傅哥 发表于 2021/04/22 01:15:29 2021/04/22
【摘要】 子窗口与父窗口的调用  注意：要用open打开才行，如果用openModal打开则会访问不到opener. 顺便说下open的参数： window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resiz...

子窗口与父窗口的调用 

注意：要用open打开才行，如果用openModal打开则会访问不到opener.

顺便说下open的参数：

window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') //这是一行的内容














参数说明


'page.html' 弹出窗口的文件名; 'newwindow' 弹出的新窗口的名字,非必须,可用空''代替;  height=100 高度; width=400 宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值;  toolbar=no 是否显示工具栏，yes为显示; menubar，scrollbars 表示菜单栏和滚动栏; resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no
 是否显示状态栏内的信息（通常是文件已经打开）,yes为允许; 


1、从子窗口中往父窗口传值如父页面有一个控制的id是choosedProvider，那么这样可以把值传给父页面：


opener.document.getElementById("choosedProvider").value="Tom";


2、从父窗口传值给子窗口，如子窗口中有id为T的控件，此时可以用如下传值：





       <script>
       var newWindow;
       function openWindow(url){
       newWindow = window.open(“new.htm”, "", "width=400,height=300 ");
       }
       function changeChild(){
       newWindow.document.getElementById("T").value="我变了";
       }
       </script>
   


先抓住其句柄，然后通过句柄操作，其实比较上面的子窗口往父窗口中传值，就是操作的对象改变了一下。

3、子窗口关闭并刷新父口，这里有两种方式：

a)         子窗口关闭时关闭父窗口：







       opener.location.reload();
       window.close();
   


b)        父窗口去检测，子窗口是否已经关闭了，在设定的一段时间之后自动刷新：







       <script>
       var newWindow;
       var timer;
       function openWindow(url) {
        newWindow = window.open(url, "", "width=400,height=300,resizable=yes");
        timer = setInterval("updateAfterClose()", 1000);
       }
       function updateAfterClose() {
       //父窗口去检测子窗口是否关闭，然后通过自我刷新，而不是子窗口去刷新父窗口
       if(newWindow.closed == true) {
       clearInterval(timer);
        self.location.reload(); // 主窗口刷新
       return;
        }
       }
       </script>
   


4、父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件：







       <script>
       var newWindow;
       function openWindow(url) {
       newWindow = window.open(url, "", "width=400,height=300,resizable=yes");
       }
       function closeChild()
       {
       newWindow.close();
       }
       </script>
   


在body加上onunload事件：






<body οnunlοad="closeChild()">


5、子窗口中关闭父窗口，这个功能可能相对要少用一点：







       <script>
       function closeParent()
       {
       opener.close();
       }
       </script>
       <input type=button value="关闭父窗口" οnclick=closeParent()>
   











 
文章来源: bugstack.blog.csdn.net，作者：Yao__Shun__Yu，版权归原作者所有，如需转载，请联系作者。


原文链接：bugstack.blog.csdn.net/article/details/8517188

        

        
        

        
        
        

        【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
            cloudbbs@huaweicloud.com

        
        
        
        

            
            
                JavaScript
            
                小程序
            
        

        
        

            
              
                
            
        
        


        
    
  
  • 点赞
    • 
  
  • 收藏
    • 
  
  • 关注作者
    • 



    







  
评论（0）

  

      
      

          
           0/1000
          
      

      

        抱歉，系统识别当前为高风险访问，暂不支持该操作
      

  

  
    
  






  

    
    
    
    
      
    • 
      
    • 
    

  

  

    
    
全部回复

    
上滑加载中

  






  

    
设置昵称

    

        
在此一键设置昵称，即可参与社区互动！

        
        
*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

        
*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

        
    

    

        
            确认
        
        
            取消
        
    

    
  






                    

                    

                        

                            

                                
                                
                            

                            
                            
                            


  
加入云驻计划，成为创作者

  

    
    
    
        
  • 
            
    
                
    
            
    
            
    
                华为云周边好礼
            
    
        
    • 
    
        
  • 
            
    
                
    
            
    
            
    
                免费体验产品
            
    
        
    • 
    
        
  • 
            
    
                
    
            
    
            
    
                特殊身份标识
            
    
        
    • 
    
        
  • 
            
    
                
    
            
    
            
    
                线下官方门票
            
    
        
    • 
    
        
  • 
            
    
                
    
            
    
            
    
                内部专家零距离
            
    
        
    • 
    
        
  • 
            
    
                
    
            
    
            
    
                与10000+优质创作者共同成长
            
    
        
    • 
    
    

  

  立即加入