`

关于模态窗口

阅读更多
一.

1.模态窗口:打开后不可以操作父亲窗口
var returnValue=window.showModalDialog(url,Arguments,features);

2.非模态窗口:打开后可以操作父亲窗口
var returnValue=window.showModelessDialog(url,Arguments,features);

3.url:用来指定对话框要显示的网页的URL;

   Arguments:用来向对话框传递参数。参数类型不限。对话框通过window.dialogArguments来取得传递进来的参数;

   features:用来描述对话框的外观等信息

   {

      dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是               px,为方 便 其见,在定义modal方式的对话框时,用px做单位。
   dialogWidth: 对话框宽度。
   dialogLeft: 距离桌面左的距离。
   dialogTop: 离桌面上的距离。
   center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
   help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
   resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
   status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no  [Modal]。
       scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。

    }



二.

1.子窗口获取父窗口操作对象或参数

var parentWin=window.dialogArguments;

可以在子窗口通过parentWin对象操作父窗口

a.为父窗口标签元素赋值:parentWin.document.getElementById("父窗口标签id").value = 子窗口中变量值

b.调用父窗口中的方法:parentWin.parentMethod();

2.防止在模态窗口中提交后新开一窗口    在页面的 <body>前加入<base target="_self">

3.window.open(url,Arguments,features); 打开的子窗口中可以通过var parentWin=window.opener;来获得父窗口的操作对象parentWin。



三.

操作完毕可以调用window.close()关闭子窗口。
分享到:
评论

相关推荐

    关于jsp网页设计的模态和非模态窗口

    "关于jsp网页设计的模态和非模态窗口" 模态窗口和非模态窗口的概念 在网页设计中,模态窗口(Modal Dialog)和非模态窗口(Modeless Dialog)是两种常用的对话框类型。模态窗口是一种阻塞式对话框,用户必须首先...

    可拖拽的非模态窗口(满足在特定区域内)--bootstrap样式

    "可拖拽的非模态窗口"是一个非常实用的功能,它允许用户在指定的区域内自由移动弹出的窗口,提升用户体验。Bootstrap是一种广泛使用的前端开发框架,它提供了丰富的预定义样式和组件,使得构建响应式和美观的网站变...

    纯CSS模态窗口实现炫酷动画效果

    而纯CSS模态窗口的实现,是一种高效且灵活的用户交互设计方法。本项目着重讲解如何利用CSS3特性来创建具有炫酷动画效果的模态窗口,无需依赖JavaScript库如jQuery,仅依靠CSS3库就能实现。 首先,模态窗口(Modal ...

    jQuery炫酷全屏模态窗口插件

    总结来说,这款jQuery炫酷全屏模态窗口插件结合animate.css库,为网页设计师和开发者提供了一种创新且富有表现力的方式来展示模态窗口,提高了网页的交互性和吸引力。通过理解和使用提供的示例文件,开发者可以轻松...

    bootstrap模态窗口美化特效

    Bootstrap模态窗口是网页设计中常用的一种交互元素,它允许用户在不离开当前页面的情况下查看或操作额外的信息。在这款“bootstrap模态窗口美化特效”中,开发者通过增强原生Bootstrap模态窗口的视觉效果,提供了...

    jQuery模态窗口打开动画效果.zip

    在前端开发中,jQuery模态窗口(Modal Window)是一种常用的设计元素,用于提供用户与页面交互的临时空间,如提示信息、表单填写或确认操作等。本项目"jQuery模态窗口打开动画效果"着重展示了如何利用jQuery库来实现...

    模态窗口登陆

    模态窗口登录是一种常见的用户界面设计模式,在网页和应用程序中广泛应用。...以上就是关于“模态窗口登录”的一系列技术知识点。了解并掌握这些知识,可以帮助开发者创建出高效、安全且用户体验优秀的登录系统。

    Bootstrap4动态模态窗口jquery插件

    Bootstrap4动态模态窗口jquery插件是Web开发中一个实用的工具,主要用于增强网站的交互性和用户体验。模态窗口在网页设计中广泛用于显示额外信息、提示用户操作或收集用户输入,而无需离开当前页面。这个插件是基于...

    Bootstrap4动态生成模态窗口插件

    Bootstrap4动态生成模态窗口插件,即bsModal,是一个专为Bootstrap4框架设计的插件,用于在网页上创建动态模态对话框。模态窗口是一种非侵入式的用户界面元素,它允许用户在不离开当前页面的情况下查看或操作额外的...

    jQuery模态窗口插件vintage-popup

    jQuery模态窗口插件vintage-popup是一个用于创建交互式弹出窗口的工具,它基于流行的JavaScript库jQuery。这款插件允许开发者轻松地在网页中添加模态框,以展示各种内容,如信息提示、表单填写、图片查看等。模态...

    Bootstrap模态窗口扩展jquery插件

    Bootstrap模态窗口是网页设计中常用的一种交互元素,它允许用户在不离开当前页面的情况下查看或操作额外的信息。而这款“Bootstrap模态窗口扩展jquery插件”则为这个功能提供了更多的可能性,使得开发者能够创建更加...

    19种基于css3的超华丽模态窗口效果

    **CSS3模态窗口效果详解** 模态窗口在网页设计中扮演着重要的角色,它能够以优雅的方式向用户展示信息,而不会完全中断用户的浏览体验。在这个“19种基于CSS3的超华丽模态窗口效果”中,我们将会探讨如何利用CSS3的...

    css3和js点击按钮弹出模态窗口动画效果

    模态窗口在现代网页设计中扮演着重要角色,它们可以用于注册登录、音乐播放器、分享选项和侧边栏导航等多种场景,为用户提供沉浸式体验。 首先,模态窗口(Modal Window)是一种非侵入性的对话框,它在用户当前浏览...

    div弹出框、对话框、模态窗口

    在网页设计和开发中,`div` 弹出框、对话框和模态窗口是创建交互式用户体验的重要组成部分。这些元素通常用于显示警告、询问用户输入或者提供额外的信息,而不会中断用户对主要页面的浏览。本文将深入探讨这些概念,...

    jQuery模态窗口用户注册特效代码

    - **说明.url**:可能是关于模态窗口特效的更详细说明,或者是开发者提供的技术支持网站链接。 - **1519**:这个文件名可能是编码错误或者不完整,实际可能是CSS、JS或HTML文件,包含了模态窗口的具体实现代码。 ...

    模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用

    标题中的“模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用”揭示了一个常见的Web开发问题,涉及到浏览器兼容性。模态窗口(Modal Window)是一种用户界面元素,它在显示时会阻止用户与页面其他...

    模态窗口样式的用户注册UI界面设计

    在本文中,我们将深入探讨“模态窗口样式的用户注册UI界面设计”,这是一个结合了Material Design风格、CSS3动画和jQuery技术的创新设计。Material Design是由Google推出的一种设计语言,其核心理念是通过层次感、...

    Bootstrap4 多步骤向导模态窗口插件

    Bootstrap4的多步骤向导模态窗口插件,如"MultiStep",是开发者们在构建Web应用程序时常用的一种交互元素。它旨在提供一个分步的用户体验,引导用户完成复杂或涉及多个阶段的操作,比如贷款申请流程。这个插件充分...

    jquery.popup.js-兼容IE8的简单jQuery模态窗口插件

    **jQuery库:jQuery.popup.js模态窗口插件** 在网页开发中,模态窗口是一种常见的交互元素,用于显示临时信息或获取用户输入。`jquery.popup.js` 是一个专为兼容IE8及更高版本浏览器设计的jQuery插件,它提供了一个...

    基于bootstrap的移动手机端全屏模态窗口插件

    而"基于bootstrap的移动手机端全屏模态窗口插件",即`bootstrap-fs-modal`,则是针对Bootstrap模态框(Modal)的一个扩展,旨在优化其在移动设备上的表现,提供更好的用户体验。 Bootstrap的原生模态窗口在设计时...

Global site tag (gtag.js) - Google Analytics