模态类型的传值问题

模态类型的传值问题

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


什么是模态?

模态类型的传值问题

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


相关推荐

  • 【转载】5种网络IO模型

    【转载】5种网络IO模型

    2021年11月18日
    50
  • 用C++实现简易的文本编辑器[通俗易懂]

    用C++实现简易的文本编辑器[通俗易懂]终于开始准备写自己的第一篇博客了,想想现在大二结束了,也要开始准备整理这么久学习的知识。学长们都对我说写博客是对自己知识整理最好的方法,所以我就静下心来把自己的课设写成自己的第一篇博客吧。废话就不多说了,接下来我来介绍一下我对实现这个简易的文本编辑器自己的理解。我自己的基本框架是.net,新建一个CLR项目,添加一个窗体。首先说一下要实现的基本功能,最基本的肯定是读写.txt文件,其次是复制、粘

    2022年6月9日
    36
  • 第十六章《持久化》

    第十六章《持久化》

    2021年5月29日
    95
  • 开放API接口_软件接口开放

    开放API接口_软件接口开放前言在开发测试阶段,或者是在写Demo的时候,难免会用到一些测试数据,有时苦于没有可用的接口,需要自己动手去写,但是这样大大降低了效率,前期我也找了一些开放的接口,这篇文章整理一下,以下接口完全免费,不用注册,返回格式全是JSON,所有接口均可无限制使用,有需要的小伙伴可以进来看看。(ps:所有数据来源于网络,如有侵权,请作者联系删除)图片类接口美女图片:https://w…

    2022年10月3日
    4
  • js后退按钮事件触发

    js后退按钮事件触发if(window.history&&window.history.pushState){$(window).on(‘popstate’,function(){varhashLocation=location.hash;varhashSplit=hashLocation.split(“#!/”);…

    2022年7月25日
    15
  • Android完美解析setContentView 你真的理解setContentView吗?「建议收藏」

    Android完美解析setContentView 你真的理解setContentView吗?「建议收藏」导读:本篇文章的前半部分为源码分析,后半部分为一个例子,在例子中我们会遇到一些问题,从而回答前半部分留下的问题!

    2022年6月26日
    24

发表回复

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

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