Javascript模态窗口使用小结

本文详细介绍了如何在网页中使用模态窗口进行页面间交互,包括如何在母页面打开模态窗口、向模态窗口传值及从模态窗口接收返回值的基本流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简单应用场景:

 母页面打开模态窗口Code

 

 

//ModelDialogPage.aspx 要在模态窗口中显示的页面
//ObjID 接收模态窗口返回值的对象的ID 

function OpenModalDialog(){
var
 result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'"); 

 if(result != null)
{
  document.getElementById(
"ObjID").value = result;
}

}

  模态窗口中返回值

//var returnValue for return value
function returnBack() {
    window.returnValue 
= partsStr;
    window.close();
}

向模态窗口传值
母传参数页面

//
function OpenModelDialog(){
var args = new Array();
args[
0]= document.all.textfield1.value;
args[
1]= document.all.textfield2.value;
var url="ModelDialogPage.aspx"
state
="dialogWidth:600px;dialogHeight:450px;status:'no'";  
var result = showModalDialog(url, args,state); 
}


模态窗口接收参数

//获取参数
function getvalue()
{
 
var arg1 = window.dialogArguments[0];
 
var arg2 = window.dialogArguments[1]; 
}

转载于:https://www.cnblogs.com/fangrobert/archive/2011/08/02/2125161.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值