showModalDialog基本操作-父子窗口互传参数

最新推荐文章于 2024-07-12 09:36:48 发布
最新推荐文章于 2024-07-12 09:36:48 发布
阅读量90 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/huanghai/archive/2009/12/01/1614786.html
版权
ContractedBlock.gif ExpandedBlockStart.gif 父窗口代码 
 
   
 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  
   
 
   
 
    Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    
 
    <head> 
    
 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    
 
    <title>父窗口</title> 
    
 
    </head> 
    

 
    <body> 
    
 
    <script type="text/javascript"> 
    
 
    function 
     onOpenWindow(){

//showModalDialog的第二个参数是传递给子窗口的值 
    
 
     //在子窗口可以通过window.dialogArguments方法获取 
    
 
     //如果不需要传递，这个参数就用window本身 
    
 
     
var obj = document.getElementById("rtnValue" 
    ).value;
var result = window.showModalDialog("window.htm",obj,"dialogWidth:500px;dialogHeight:400px" 
    );
if(result != null 
    ){
var name = result[0 
    ];
 document.getElementById("rtnValue").value = 
     name;
 }
}
</script> 
    
 
    <input name="rtnValue" type="text" id="rtnValue" value="" /> 
    
 
    <input type="submit" name="Submit" value="打开子窗口" onclick='onOpenWindow()' /> 
    
 
    </body> 
    
 
    </html> 
    
 
   
 
  
 
 
 
 
 
 
 
 
  ContractedBlock.gif 
  ExpandedBlockStart.gif 
  子窗口代码 
  
 
   
 
   
 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  
   
 
   
 
    Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    
 
    <head> 
    
 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    
 
    <title>子窗口</title> 
    
 
    </head> 
    

 
    <body> 
    
 请输入要返回的值：
 
    <input name="txtName" type="text" id="txtName" /> 
    
 
    <input type="submit" name="Submit" value="确定" onclick='onOK();' /> 
    
 
    <script type="text/javascript"> 
    
document.getElementById( 
    "txtName").value = 
     window.dialogArguments;

function 
     onOK(){
var runValue=new 
     Array;
 runValue[0]=document.getElementById("txtName" 
    ).value;
 window.returnValue = 
     runValue;
 window.close();
}
</script> 
    
 
    </body> 
    
 
    </html> 
    
 
   
 
  
 
 
 

 

转载于:https://www.cnblogs.com/huanghai/archive/2009/12/01/1614786.html

                

        

        




    




    

      

        

            

              
                
                  weixin_30896763
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
父子窗口传值

				
			

			

				

					飞火龙在天的博客
				

				

					07-29
					
					1416
					
				

			

		

		

			
				
哈哈哈，简单的讲了一下课：
父窗口：



父子窗口传值

    
function chuan(){

var w=window.open('D:/JAVA/dw/js/jsweb/js第五讲父子窗口传值/zi.html','_blank','width=600,height=400,top=100,left=500,menubar=no,toolbar=nostatus=

			
		

	



                

              
                



	

		

			

				
					
showModalDialog基本操作：父子窗口互传参数

				
			

			

				

					u012767263的专栏
				

				

					01-18
					
					738
					
				

			

		

		

			
				
ShowModalDialog基本操作：父子窗口互传参数

父窗口代码：


Copy to Clipboard引用的内容：[www.veryhuo.com]

 
 
 
 
父窗口 
 
 
 
function onOpenWindow(){ 
//showModalDialog的第二个参数是传递给子窗口的值 
//在子窗口可以通过window.dialog

			
		

	



                


  
              

                


	

		

			

				
					
window.showModalDialog父子窗口参数传递

				
			

			

				

					weixin_33971130的博客
				

				

					07-03
					
					124
					
				

			

		

		

			
				
在开发过程中遇到window.showModalDialog()打开的模态对话框需要从子窗口传递返回值给父窗口中的某个插件，开始想通过window.opener得到，但是试了几次得不到，后来发现原来在当前打开窗口(子窗口)中可以通过window.returnValue=指定返回值;window.close();之后父窗口可以使用var result =window....

			
		

	





	

		

			

				
					
父子窗口传递参数

				
			

			

				

					sjeveryday的专栏
				

				

					06-04
					
					107
					
				

			

		

		

			
				
下面的代码直接COPY到HTML文件中即可使用！

1.child.html
[code="HTML"]
 
 
 
 New Document  
 
 
 
 
 
 
 

 
父窗口传递来的值: 
输入要设置父窗口的值: 
输入返回的值: 
 
 
 
 
 

[/code]
2.father.html
[code="html"]
...

			
		

	



		

			
		



	

		

			

				
					
JS简单实现父子窗口传值功能示例【未使用iframe框架】

				
			

			

				

					10-19
				

			

		

		

			
				
在这个场景中，我们通常会使用`window.open()`或`window.showModalDialog()`方法来创建子窗口，并通过特定的API来实现父子窗口之间的通信。在本示例中，我们将探讨如何在不使用iframe框架的情况下，利用JavaScript...

			
		

	





	

		

			

				
					
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例第1/2页

				
			

			

				

					12-07
				

			

		

		

			
				
在父子窗口之间传递值，`window.open()`通常通过在子窗口中设置全局变量或使用URL查询字符串来实现，而`showModalDialog()`则可以直接通过`vArguments`传递，并在对话框内部访问。返回值`vReturnValue`可以将对话框...

			
		

	





	

		

			

				
					
window.showModalDialog以及window.open用法简介

				
			

			

				

					04-01
				

			

		

		

			
				
`vArguments`参数可以用来传递数据给对话框，而`sFeatures`则是一系列的窗口参数，与`window.open`相似。当对话框关闭时，它返回一个值，可以是对话框操作的结果。  总的来说，`window.showModalDialog`适合需要用户...

			
		

	





	

		

			

				
					
ShowModalDialog父窗体向子窗体传值

				
			

			

				

					07-08
				

			

		

		

			
				
在这种情况下，可能需要使用其他方法，如回调函数或使用`postMessage` API来实现父子窗口之间的安全通信。  总的来说，`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式，它们...

			
		

	





	

		

			

				
					
JavaScript中window.showModalDialog()用法详解

				
			

			

				

					01-19
				

			

		

		

			
				
一个是window.showModalDialog()方法，后者是存在父子关系的一种弹出窗口，只有子窗关闭，父窗口才激活，并且可以传送参数和返回值。正好又温习一遍用法，顺便在此记录过程中遇到的问题。 基本介绍： 　...

			
		

	





	

		

			

				
					
window.showModalDialog刷新父窗口 父子窗口之间传值

				
			

			

				

					ZKLxuankai的专栏
				

				

					10-19
					
					5724
					
				

			

		

		

			
				
第一个问题：刷新父窗口(没有传值操作)   

父页面打开时一定要传window参数   
openModalDialog("son.html",window,800,600);   
子页面中刷新：   
window.dialogArguments.location="parent.html";//parent.html是父页面的地址   

实例：   
parent.htm

			
		

	





	

		

			

				
					
【JS】JS 实现父子窗体相互传值的三个方法

				
			

			

				

					wan小小冰的博客
				

				

					12-08
					
					7853
					
				

			

		

		

			
				
一、在开发项目过程中经常会需要用到父页面和子页面互相传值来获取参数数据，下面提供了三种总结的比较好用的方法，本例子需要下载bootstrap-table.js、layer.js文件,具体下载地址如下： 
https://github.com/wenzhixin/bootstrap-table; 
http://layer.layui.com/; 
 1、html页面 
     （1）父页面（tes

			
		

	





	

		

			

				
					
window.open()父子窗口传值

				
			

			

				

					jeofey的专栏
				

				

					11-16
					
					7374
					
				

			

		

		

			
				
父窗口html添加隐藏域：


父窗口js在特定时机对隐藏域复制

$("#activityId").val(activityObj.activityId);


父窗口js父窗口打开子窗口

$("#addProductById").click(function() {
        window.open(configJS.hostUrl()+"/common/getGoo

			
		

	





	

		

			

				
					
第二章-在HTML中使用JavaScript

				
			

			

				

					2301_79858637的博客
				

				

					07-07
					
					1235
					
				

			

		

		

			
				
事实上，WEB的核心语言是HTML，如何做到让JavaScript既可以与HTML页面共存，又不影响页面在其他浏览器中的呈现效果呢？要为WEB浏览器提供核心的脚本支持.

			
		

	





	

		

			

				
					
Webkit简介以及工作流程

				
			

			

				

					读心悦
				

				

					07-10
					
					310
					
				

			

		

		

			
				
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。

			
		

	





	

		

			

				
					
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码

					
最新发布

				
			

			

				

					cc1314_工作、学习有感
				

				

					07-12
					
					184
					
				

			

		

		

			
				
通过sm4对文件进行加解密，用户输入密码

			
		

	





	

		

			

				
					
vue2 、 vue3首屏优化，减少白屏时间

				
			

			

				

					m0_56104994的博客
				

				

					07-09
					
					305
					
				

			

		

		

			
				
vue2、vue3首屏优化,减少白屏时间

			
		

	





	

		

			

				
					
Showmodaldialog

				
			

			

				

					06-10
				

			

		

		

			
				
在对话框打开期间，父窗口的操作都会被禁用，直到对话框被关闭。  使用 `showModalDialog` 方法的语法如下：  ```javascript showModalDialog(url, [arguments, ...][, options]); ```  其中，`url` 参数指定要在...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值