有关javascript模态窗口的使用

在web页面中需要弹出一些模态窗口,对于如何应用大体做了一下总结。
打开模态窗口
Js代码 复制代码
  1. var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'");    
  2. //显示dialog窗,result变量为此窗返回值数组  
var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'"); 
//显示dialog窗,result变量为此窗返回值数组


从模态窗口返回值
Js代码 复制代码
  1. window.returnValue=”aaa” //返回aaa,可直接从表单里获取数据如document.all.textfield.value;   
  2.  window.close();           //关闭模态窗口  
window.returnValue=”aaa” //返回aaa,可直接从表单里获取数据如document.all.textfield.value;
 window.close();           //关闭模态窗口


向模态窗口传值
传递
Js代码 复制代码
  1. var args = new array();   
  2. args[0]=”a”;          //第一个参数为”a”   
  3. args[1]=”b”;          //第二个参数为”b”   
  4. url="a2.htm";    
  5. state="dialogWidth:200px;dialogHeight:100px;status:'no'";     
  6. var result = showModalDialog(url, args,state);   
var args = new array();
args[0]=”a”;          //第一个参数为”a”
args[1]=”b”;          //第二个参数为”b”
url="a2.htm"; 
state="dialogWidth:200px;dialogHeight:100px;status:'no'";  
var result = showModalDialog(url, args,state); 


窗口中接收
Js代码 复制代码
  1. v1=window.dialogArguments[0];    
  2. v2=window.dialogArguments[1];   
v1=window.dialogArguments[0]; 
v2=window.dialogArguments[1]; 


模态窗口中的页面提交问题
在模态窗口中,如有提交按钮,点击后会弹出新的页面。解决此问题有两方法

1、在head中,添加<base target="_self">
注意:不要在form中再添加target="_self" 否则失效

2、把弹出的窗口页面做成框架网页,去加载要展示的网页


转自:http://www.cnblogs.com/halabazi/archive/2006/12/22/600168.html

你可能感兴趣的:(JavaScript,职场,休闲)