模态窗口用法简介，模态窗口中的表单提交问题解决

最新推荐文章于 2022-11-10 09:51:41 发布

静渊宝宝

最新推荐文章于 2022-11-10 09:51:41 发布

阅读量271

点赞数

CC 4.0 BY-SA版权

文章标签：框架 Web

本文链接：https://blog.youkuaiyun.com/www_qitonghui_top/article/details/83938948

本文详细介绍了在web页面中使用模态窗口的技术要点，包括如何打开、传递参数、接收返回值及解决模态窗口中提交表单的问题。

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

在web页面中需要弹出一些模态窗口，对于如何应用大体做了一下总结。

打开模态窗口
var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'"); //显示dialog窗，result变量为此窗返回值数组

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

向模态窗口传值
传递
var args = {id:123, name:'张三'}；
state="dialogWidth:200px;dialogHeight:100px;status:'no'";
var result = showModalDialog(url, args,state);
窗口中接收
id=window.dialogArguments.id;
name=window.dialogArguments.name;

模态窗口中的页面提交问题
在模态窗口中，如有提交按钮，点击后会弹出新的页面。解决此问题有两种方法:
1、在head中，添加<base target="_self">注意：不要在form中再添加target="_self"　否则失效
2、把弹出的窗口页面做成框架网页，去加载要展示的网页