`
niunan
  • 浏览: 721349 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

有关javascript模态窗口的使用

阅读更多
在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 = new array();
args[0]=”a”;          //第一个参数为”a”
args[1]=”b”;          //第二个参数为”b”
url="a2.htm"; 
state="dialogWidth:200px;dialogHeight:100px;status:'no'";  
var result = showModalDialog(url, args,state); 


窗口中接收
v1=window.dialogArguments[0]; 
v2=window.dialogArguments[1]; 


模态窗口中的页面提交问题
在模态窗口中,如有提交按钮,点击后会弹出新的页面。解决此问题有两方法

1、在head中,添加<base target="_self">
注意:不要在form中再添加target="_self" 否则失效

2、把弹出的窗口页面做成框架网页,去加载要展示的网页


转自:http://www.cnblogs.com/halabazi/archive/2006/12/22/600168.html

分享到:
评论

相关推荐

    JavaScript 的模态窗口

    2. **CSS样式**:接着,我们使用CSS来设定模态窗口的外观和位置。`modal-mask`应具有全屏大小,并具有一定的透明度,而`modal-content`则根据需求设置尺寸、位置和样式。 ```css #modal-mask { position: fixed; ...

    javascript模态窗口

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

    使用div仿javascript模态窗口

    本资源主要探讨如何使用HTML `&lt;div&gt;` 元素来实现类似JavaScript模态窗口的效果。这既是一种节省资源、提高性能的方法,也适合初学者学习网页动态效果的实现。 首先,我们需要创建一个基本的HTML结构,包括`&lt;head&gt;`...

    javascript 模态窗口 v2.1

    JavaScript 模态窗口,经历2次升级,使用方便,操作灵活, 支持IE、Mozilla FireFox、Sarafi、Opera、Chrome等多浏览器,版权所有,请勿用作商业用途

    html 模态窗口使用

    ### HTML模态窗口使用详解 在网页开发中,模态窗口是一种常见的用户界面元素,用于在不离开当前页面的情况下向用户展示信息或收集输入。本文将深入探讨如何使用HTML、CSS以及JavaScript创建和管理模态窗口,特别是...

    可拖拽的谷歌样式纯javascript模态窗口插件

    本文将深入探讨“可拖拽的谷歌样式纯javascript模态窗口插件”的相关知识点。 首先,让我们了解什么是模态窗口。模态窗口(Modal Window)在网页上表现为一个覆盖在主页面上的半透明层,通常包含一些特定的信息或...

    easyui 模态窗口插件

    为了显示这个模态窗口,我们需要使用 JavaScript 来控制: ```javascript $('#dlg').dialog('open'); ``` 此外,EasyUI 提供了许多配置选项来定制模态窗口的行为和外观,例如: - `width` 和 `height`:定义窗口...

    Jquery实现模态窗口效果

    3. 使用JQuery编写JavaScript代码,实现模态窗口的显示和隐藏。 ```javascript $(document).ready(function() { $("#openModal").on('click', function() { $("#modal").addClass('fadeIn').delay(500).queue...

    DIV模态窗口实现

    3. JavaScript/jQuery:JavaScript代码用于处理模态窗口的显示和隐藏逻辑。例如,当用户点击按钮时,通过修改`&lt;div&gt;`的CSS属性(如`display`)来显示或隐藏模态窗口。此外,可能还会包含关闭按钮的事件处理函数,...

    tingle.js-简单实用的纯JavaScript模态窗口插件

    2. **创建模态窗口**:使用JavaScript代码创建一个tingle.js的模态窗口实例,并指定其内容和配置。 3. **控制模态窗口**:根据需要调用API方法来打开、关闭或更新模态窗口的内容。 考虑到201606071542这个文件名...

    div css窗口 模态窗口

    在本篇中,我们将深入探讨如何使用 `div` 和 `css` 实现模态窗口,并结合 `JavaScript` 进行动态控制。 首先,我们来了解 `div` 元素。`div` 是HTML中的一个通用容器标签,用于组合HTML元素,通过设置 `class` 或 `...

    5个Jquery模态窗口

    jQuery模态窗口通常通过CSS控制样式,JavaScript处理事件和行为来实现。基本思路是在页面上创建一个隐藏的div(模态窗口),当需要弹出时,通过改变其CSS属性使其可见,并添加必要的遮罩层,以阻止用户与背景内容的...

    tinglejs简单实用的纯JavaScript模态窗口插件

    **tingle.js** 是一款专为前端开发者设计的轻量级、纯JavaScript实现的模态窗口插件。这款插件以其简洁的代码、强大的功能和易于集成的特点,深受开发者的喜爱。它不需要依赖任何外部库,如jQuery,使得在现代Web...

    模态窗口解决方案

    2. **基于库和框架**:许多前端库和框架如Bootstrap、jQuery UI等提供了模态窗口的组件,这些组件通常使用CSS和JavaScript实现,并具有良好的跨浏览器兼容性。 3. **自定义实现**:通过HTML、CSS和JavaScript手动...

    jquery 模态窗口

    jQuery,一个广泛使用的JavaScript库,提供了方便的方式来创建和操作模态窗口。这个主题将深入探讨jQuery实现模态窗口的基本原理、方法和最佳实践。 ### 1. 基本概念 模态窗口,又称对话框,是一种用户界面元素,...

    模态窗口实例

    一、JavaScript模态窗口基础 1. DOM操作:创建模态窗口的HTML结构,通常包括一个隐藏的模态元素(如div)和相关的按钮触发器。例如: ```html &lt;span class="close"&gt;&times; 这是一个模态窗口示例。 ``` 2...

    javascript调用的模态窗口

    "javascript调用的模态窗口"是指使用JavaScript来创建或控制的一种弹出式窗口,这种窗口在显示时会阻止用户对父窗口的交互,直到用户关闭了模态窗口。这个功能在很多场景下都非常实用,比如表单验证、用户提示或者...

    层实现模态窗口(div)

    通过以上步骤,我们可以使用HTML、CSS和JavaScript来实现一个基本的模态窗口。在实际项目中,可能还需要考虑更多的细节,比如键盘快捷键、esc键关闭、屏幕适应性等。这个过程涉及到前端开发的核心技能,包括DOM操作...

Global site tag (gtag.js) - Google Analytics