模态类型的传值问题

模态类型的传值问题

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


什么是模态?

模态类型的传值问题

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


相关推荐

  • huffman编码——原理与实现

    huffman编码——原理与实现

    2021年12月14日
    39
  • element级联选择器表单回显_级联选择器 数据回显

    element级联选择器表单回显_级联选择器 数据回显关于element级联选择器数据回显问题

    2022年4月21日
    409
  • python3.7安装pip_centos怎么安装

    python3.7安装pip_centos怎么安装CentOS自带Python2.7但现在基本使用Python3所以需要自行下载编译及安装,以下为过程步骤。首先确认目前的Python版本及可执行文件位置,执行命令whichpython返回结果这里可以看到,Python执行文件位置为/usr/bin/python,故我们进入到该目录下cd/usr/bin/python现在开始进行我们Pyth…

    2022年9月1日
    8
  • 通过pycharm安装python_pycharm编译器安装教程

    通过pycharm安装python_pycharm编译器安装教程python环境的安装与编译器的安装python下载网址python官网:https://www.python.org/python的安装我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown将代码片显示选择的高亮样式进行展示;增加了图片拖拽功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的Ka

    2022年8月25日
    9
  • Navicat Premium 15 激活码 2021【2021免费激活】

    (Navicat Premium 15 激活码 2021)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlS32PGH0SQB-eyJsa…

    2022年3月26日
    177
  • centos7安装python3.7_安装python教程

    centos7安装python3.7_安装python教程文章目录前言环境&组件说明组件用途说明准备阶段安装步骤详细步骤准备安装安装Python异常处理异常信息原因分析处理方法小技巧前言工作需要,服务器不能连接外网,因此需要离线安装。推荐在线安装,参考。环境&组件说明操作系统:CentOSLinuxrelease7.4.1708(Core)操作系统安装包:CentOS-7-x86_64-Minimal-1708.isoPython版本:3.8.5pip版本:20.1.1virtualenv版本:20.4.2组件用途说

    2022年9月25日
    2

发表回复

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

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