模态类型的传值问题

模态类型的传值问题

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


什么是模态?

模态类型的传值问题

一旦弹出模态窗体或对话框,假设用户不正确其进行操作(如点击确定或取消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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Socket粘包问题「建议收藏」

    Socket粘包问题「建议收藏」什么时候要考虑粘包问题1.:如果利用tcp每次发送数据,就与对方建立连接,然后双方发送完一段数据后,就关闭连接,这样就不会出现粘包问题(因为只有一种包结构,类似于http协议)。关闭连接主要要双方都发送close连接(参考tcp关闭协议)。如:A需要发送一段字符串给B,那么A与B建立连接,然后发送双方都默认好的协议字符如”hellogivemesthabouryourself”,然后

    2022年8月11日
    7
  • 真正解决Windows下UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xff in position 0错误的方法

    真正解决Windows下UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xff in position 0错误的方法问题现象:在Windows下使用Python读文件时,经常遇到UnicodeDecodeError:’gbk’codeccan’tdecodebyte0xffinposition0:illegalmultibytesequence错误。在open函数参数中设置encoding=’utf-8’也不能解决问题,会出现UnicodeDecodeError:’utf-8’codeccan’tdecodebyte0xffinposition0:invalidsta

    2022年6月24日
    63
  • thinkPHP内置字符串截取msubstr函数用法详解

    thinkPHP内置字符串截取msubstr函数用法详解

    2021年9月18日
    49
  • volatile关键字及其作用

    volatile关键字及其作用概述:本文主要介绍Java语言中的volatile关键字,内容涵盖volatile的保证内存可见性、禁止指令重排等。

    2022年5月31日
    31
  • 补码

    补码

    2021年12月14日
    58
  • 事业单位图形推理1000题及答案_小学生图形推理题

    事业单位图形推理1000题及答案_小学生图形推理题  2020年事业单位联考:《职测》判断推理神预测!   经过几个月的紧张备考,广大考生终于在今天走上了“战场”。经过小时的奋笔疾书,2020年下半年事业单位联考职业能力测试于今天上午拉下帷幕。根据学员的惊喜反馈,我们发现华图教育又双叒叕预测中题目了!!!   通过考生们对题目的回忆,华图教育惊喜地发现有4个考点跟我们考前给学员预测的大致相同!下面我们就一起来简单看一下:   一…

    2025年8月27日
    7

发表回复

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

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