`

模态窗口用法简介,模态窗口中的表单提交问题解决

阅读更多
在web页面中需要弹出一些模态窗口,对于如何应用大体做了一下总结。


打开模态窗口
var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'"); //显示dialog窗,result变量为此窗返回值数组

从模态窗口返回值
window.returnValue=”aaa” //返回aaa,可直接从表单里获取数据如document.all.textfield.value;
window.close(); //关闭模态窗口

向模态窗口传值
传递
var args = {id:123, name:'张三'};
state="dialogWidth:200px;dialogHeight:100px;status:'no'";
var result = showModalDialog(url, args,state);
窗口中接收
id=window.dialogArguments.id;
name=window.dialogArguments.name;


模态窗口中的页面提交问题
在模态窗口中,如有提交按钮,点击后会弹出新的页面。解决此问题有两种方法:
1、在head中,添加<base target="_self">注意:不要在form中再添加target="_self" 否则失效
2、把弹出的窗口页面做成框架网页,去加载要展示的网页
分享到:
评论

相关推荐

    DIV模态窗口实现

    模态窗口通常用于登录、注册、提示信息、表单提交等场景,能够提供良好的用户体验,因为它使得用户可以快速处理额外任务,而无需完全跳转到新页面。 在描述中提到的"自己制作的DIV模态窗口",意味着这个项目是通过...

    5个Jquery模态窗口

    以上内容详细介绍了使用jQuery实现模态窗口的基本原理、方法以及可能的设计和实现方式。对于"5个Jquery模态窗口"的压缩包,可能包含了这5种不同功能或特性的模态窗口示例代码,供开发者参考和学习。在实际项目中,...

    jquery 模态窗口

    在网页中,模态窗口通常用于展示通知、表单填写、确认操作等场景。 ### 2. jQuery UI Dialog jQuery UI库提供了`Dialog`组件,可轻松创建模态窗口。首先,你需要在项目中引入jQuery UI的相关CSS和JS文件。然后,...

    js模态窗口

    在这个例子中,当用户点击“打开模态窗口”按钮时,会调用`showModal`函数,使用JSer.modalDialog打开一个带有标题、内容和两个按钮的模态窗口。用户点击“确认”按钮时,将在控制台打印一条消息;点击“取消”按钮...

    javascript模态窗口

    JavaScript模态窗口是一种在网页设计中广泛使用的交互元素,它能够强制用户在处理当前内容之前必须先进行交互。模态窗口通常表现为一个弹出框,阻止用户与页面其他部分进行互动,直到他们关闭该窗口或者完成操作。在...

    模态窗口 跨域获取返回值

    在Web应用中,模态窗口常用于表单填写、信息提示等场景。利用模态窗口,我们可以创建一个子窗口(比如IFRAME)来加载另一个站点的内容,如这里的SiteB。 跨域(Cross-Origin)是指一个域下的文档或脚本尝试请求另一...

    AmazeUI 模态窗口

    又如,你可以在表单提交前用模态窗口进行验证,确保所有字段都已填写。 总结来说,AmazeUI的模态窗口功能强大且易于使用,通过HTML、CSS和JavaScript的组合,开发者可以快速构建具有交互性的网页功能,提高用户体验...

    模态窗口在web中的应用

    模态窗口在网页中的应用广泛,包括登录验证、消息提示、表单填写、文件上传等多种场景。 模态窗口的设计通常分为两种类型:模态对话框(Modal Dialog)和非模态对话框(Non-Modal Dialog)。模态对话框会阻止用户与...

    点击弹出模态窗口下拉列表js代码

    在CSS中,我们需要设置模态窗口的位置、透明度、过渡效果等。为了实现模态效果,通常会使用`position:fixed`使其相对于整个浏览器窗口定位,并通过调整`z-index`确保其位于页面的最前端。此外,搜索过滤功能可能需要...

    易语言以模态方式载入窗口源码

    1. **创建窗口表单**:在易语言中,你可以使用“新建窗口表单”命令来创建一个新的窗口表单。窗口表单的设计可以通过拖放控件和设置属性来完成。 2. **编写源码**:窗口的源码包含了窗口的逻辑处理,如按钮点击事件...

    jQuery模态窗口登陆效果.zip

    当这个事件被触发时,使用`.fadeIn()`或`.show()`方法显示登录表单,并添加遮罩层以增加视觉效果。 3. **CSS样式**:创建CSS样式以定义模态窗口的外观和行为,包括边框、背景色、阴影等。同时,遮罩层应该具有适当...

    使用jQuery创建模态窗口登陆效果.zip

    在网页设计中,模态窗口(Modal Window)是一种常见的交互元素,它可以在用户与主页面交互时临时显示一个覆盖在当前页面上的对话框,通常用于显示警告、确认操作或者如登录这样的表单填写。本教程将详细介绍如何使用...

    jQuery模态窗口用户注册代码.rar

    在网页设计中,jQuery模态窗口常常用于提供一种非侵入性的用户体验,让用户可以在不离开当前页面的情况下进行交互,如填写表单、查看详细信息或进行其他操作。在这个"jQuery模态窗口用户注册代码"中,我们可以深入...

    模态窗口登陆

    模态窗口登录是一种常见的用户界面设计模式,在网页和应用程序中广泛应用。它通常表现为一个弹出的对话框,用户必须在关闭这个窗口之前完成特定的任务,例如输入用户名和密码进行身份验证,才能继续与主应用程序交互...

    使用jQuery创建模态窗口登陆效果

    在这个案例中,我们将探讨如何使用jQuery实现模态窗口登录效果。 首先,我们需要理解模态窗口的基本结构。通常,一个模态窗口由HTML、CSS和JavaScript三部分组成。HTML负责构建窗口的基础结构,CSS用来美化样式,而...

    JQuery实现可移动模态窗口

    在网页设计中,模态窗口(Modal Window)是一种常见的用户界面元素,用于显示与当前页面内容相关的临时信息,如警告、确认对话框或表单。模态窗口的特点是它会遮挡背景页面,直到用户与其交互后才能继续操作。本教程...

    模态窗口登陆效果.zip

    在网页设计中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在不离开当前页面的情况下打开一个新的对话框,通常用于显示重要的信息、表单填写或进行特定操作,如登录。"模态窗口登陆效果.zip" ...

    HTML模态窗口

    2. **页面提交问题**:如果在模态窗口中进行页面提交,可能会导致意外的新窗口打开。为避免这种情况,可以在`&lt;head&gt;`标签内添加`&lt;base target="_self"&gt;`来确保链接在当前窗口中打开。 3. **实战应用**:通过创建两个...

    angularJS 模态窗口$modal的使用实例

    在模态窗口的HTML模板中,可以通过`message`属性来显示传递的数据,并使用`ok`和`cancel`方法关闭模态窗口: ```html 我是一个模态窗口 {{ message }} ()"&gt;确定 ()"&gt;取消 ``` 至此,你已经成功创建了一...

    vue+element 模态框表格形式的可编辑表单实现

    在本例中,我们将探讨如何利用Vue和Element UI来实现一个模态框内的表格形式的可编辑表单。 首先,模态框(Modal)是Element UI中的一个组件,它通常用于展示临时信息或者进行一些操作确认。通过`:visible.sync`...

Global site tag (gtag.js) - Google Analytics