window.open 和 window.showModelDialog弹出窗口

window.open("url","弹出新窗口的参数","样式参数");在弹出窗口中通过window.openner接受父窗口;

window.showModelDialog("url","传递的参数","样式参数");在弹出窗口中通过window.dialogArguements接受父窗口;

下面是我写的一个demo:

父页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here



    


        班次种类:  
        班次名称:  
        班次时间段:  
               
    



打开后效果:

window.open 和 window.showModelDialog弹出窗口_第1张图片


子页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here




    


        
                
                    
                    
                    
                    
                
            
                
                    
                    
                    
                    
                
                
                    
                    
                    
                    
                
                
                    
                    
                    
                    
                
                
                    
                    
                    
                    
                
                
                    
                    
                    
                    
                
            
        
操作班次种类班次名称班次时间段
三班倒早班00:00-08:00
三班倒中班08:00-16:00
三班倒晚班16:00-00:00
两班倒早班08:00-20:00
两班倒晚班20:00-08:00

        


打开后效果:

window.open 和 window.showModelDialog弹出窗口_第2张图片

当点击窗口的“”请选择班次按钮后“”,弹出子窗口如上表格:

window.open 和 window.showModelDialog弹出窗口_第3张图片

点击任意一个选择按钮,相应值就会出现在父窗口上。

如图:



你可能感兴趣的:(前端js)