前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >模态类型的传值问题

模态类型的传值问题

作者头像
全栈程序员站长
发布2022-07-10 09:58:43
7050
发布2022-07-10 09:58:43
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是全栈君。

什么是模态?

模态类型的传值问题
模态类型的传值问题

一旦弹出模态窗体或对话框,假设用户不正确其进行操作(如点击确定或取消button等),就如法进行其它的操作.

弹出模态窗体的语句:

代码语言:javascript
复制
var testSend = window.showModalDialog('modal.htm','','dialogHeight:150px;dialogWidth:500px;center:no');

window.showModelessDialog(sURL[,vArguments][,sFeatures])

1)sURL 指明模态窗体的URL地址

2)vArguments 传递參数

3)sFeatures 窗体的外观大小等

当中第一个參数必须有,第二三个參数可有可无。

怎样传值?

单击FrontPage.htm(A页面)中的button,弹出模态窗体modal.htm(B页面)。点击modal.htm中的button关闭窗体,并返回值。

A页面js

代码语言:javascript
复制
    function test() {
        alert("ID:" + window.dialogArguments.id+" ;"+"名字:"+ window.dialogArguments.name);
        var message = {
            "state": "begin",
            "info": "404"
        };
        window.returnValue = message;

    }

B页面js

代码语言:javascript
复制
 function test() {
        var person = {
         "id":"001",
        "name":"yangyang"
    };
    var testSend = window.showModalDialog('modal.htm',person,'dialogHeight:150px;dialogWidth:500px;center:no');
    alert("状态:" + testSend.state + " ;" + "信息:" + testSend.info);

     }
模态类型的传值问题
模态类型的传值问题

点击B页面确定button,将A页面的值传过来。

模态类型的传值问题
模态类型的传值问题

关闭B页面,将B页面的值传到A页面。

模态类型的传值问题
模态类型的传值问题

參数说明:

window.dialogArguments来取得传递进来的參数。

window.returnValue向打开对话框的窗体返回信息。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/115733.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月3,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档