关于jsp网页设计的模态和非模态窗口资源-CSDN文库

需积分: 12 114 浏览量 2013-08-04 21:51:25 上传评论收藏 15KB DOCX 举报

"关于jsp网页设计的模态和非模态窗口" 模态窗口和非模态窗口的概念在网页设计中，模态窗口（Modal Dialog）和非模态窗口（Modeless Dialog）是两种常用的对话框类型。模态窗口是一种阻塞式对话框，用户必须首先关闭该对话框，才能继续操作其他部分的网页。非模态窗口则是非阻塞式对话框，用户可以同时操作对话框和其他部分的网页。 window.showModalDialog()方法 window.showModalDialog()方法用来创建一个显示 HTML 内容的模态对话框。该方法可以传递三个参数：sURL、vArguments 和 sFeatures。其中，sURL 是必选参数，用于指定对话框要显示的网页的 URL；vArguments 是可选参数，用于向对话框传递参数；sFeatures 是可选参数，用于描述对话框的外观等信息。 window.showModelessDialog()方法 window.showModelessDialog()方法用来创建一个显示 HTML 内容的非模态对话框。该方法与 window.showModalDialog()方法类似，但它创建的是非模态对话框。 sFeatures 参数说明 sFeatures 参数用于描述对话框的外观等信息。该参数可以设置对话框的高度、宽度、左边缘和上边缘的距离、是否居中、是否显示帮助按钮、是否可改变大小、是否显示状态栏等属性。参数传递可以通过 vArguments 来传递参数，类型不限制，对于字符串类型，最大为 4096 个字符，也可以传递对象。返回值可以通过 window.returnValue 向打开对话框的窗口返回信息，也可以是对象。防止在模态窗口中提交后新开一窗口在页面的 <body>前加入<base target="_self">可以防止在模态窗口中提交后新开一窗口。调用父窗口的方法同时传递参数可以使用 window.showModalDialog()方法传递参数，并调用父窗口的方法。实践示例可以使用以下代码来调用模态窗口并传递参数： parent.htm: ```html <script> function show(){ alert("show"); } var arg = new Object(); arg.win = window; arg.str = "argument"; window.showModalDialog("son.htm", arg, 'help:no'); </script> ``` son.htm: ```html <script> var arg = window.dialogArguments; alert(arg.str); arg.win.show(); </script> ``` 在上面的示例中，父窗口传递了一个对象参数 arg 到子窗口，并在子窗口中调用了父窗口的方法。

资源推荐

资源详情

资源评论