模态类型的传值问题

模态类型的传值问题

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


什么是模态?

模态类型的传值问题

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

 

弹出模态窗体的语句:

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

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

    }


B页面js

 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.net/115733.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Ubuntu安装gcc失败的那些事儿「建议收藏」

    Ubuntu安装gcc失败的那些事儿「建议收藏」想在虚拟机上运行一个C程序输入gcc-ohellohello.c编译C语言文件嗯?找不到gcc。。。那就下载gcc输入gcc安装命令sudoaptinstallgcc安装包即将下完的时候提示下载错误,(我滴天,什么人间疾苦!!!)有几个软件包下载不了,还建议我使用sudoapt-getupdate或者加上–fix-missing那就屈尊采纳一下它的建议使用sudoapt-getupdate更新了一下软件资源(然并卵。。。)再试一下sudoaptinstallgc

    2022年7月24日
    42
  • 漫画什么是分布式事务_分布式事务框架

    漫画什么是分布式事务_分布式事务框架点击上方“程序员小灰”,选择“置顶公众号”有趣有内涵的文章第一时间送达!————— 第二天 —————————————————假如没有分布式事务在一系列微服务系统当中,假如不存在分布式事务,会发生什么呢?让我们以互联网中常用的交易业务为例子:上图中包含了库存和订单两个独立的微服务,每个微服务维护了自己的数据库。在交易系统的业务逻辑中,一个商品在下单之前需要先调用库存服务,进行扣除库存,再调用订

    2022年10月23日
    0
  • 初识ABP vNext(5):ABP扩展实体

    初识ABP vNext(5):ABP扩展实体

    2020年11月20日
    183
  • 中国地图china.js[通俗易懂]

    中国地图china.js[通俗易懂]中国地图china.js一、简介中国地图china是基于echarts.js和china.js绘制图像。官方已不支持china.js下载china.js:https://static.delebug.com/echarts/china.js二、配置项//china.js的配置项与echarts基本图形配置项相通//关于echarts基本图形配置参考:https://echarts.apache.org/v4/zh/option.html//其中china地图主要配置不同处在seri

    2022年7月20日
    17
  • MySQLdump的参数详解大全

    MySQLdump的参数详解大全

    2021年6月2日
    166
  • JS–JavaScript变量详解(全局变量、局部变量)

    JS–JavaScript变量详解(全局变量、局部变量)JavaScript变量JavaScript使用var关键字声明变量。声明变量的5种常规用法如下:vara; //声明单个变量。var关键字与变量名之间以空格分隔varb,c; //声明多个变量。变量之间以逗号分隔vard=1; //声明并初始化变量。等号左侧是变量名,等号右侧是值vare=2,f=3; //声明并初始化多个变量。以逗号分隔多个变量…

    2022年6月5日
    33

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号