`

js之dialog运用三部曲

阅读更多

$.dialog使用须知

第一步:引入js

<script type="text/javascript" src="artDialog/jquery.artDialog.js?skin=idialog"></script>
<script type="text/javascript" src="artDialog/plugins/iframeTools.js"></script>

 

第二步:打开语法

$.dialog.open(url, {
        padding : 0,
	title : false,
	width : 660,
	lock : true,
	close : function() {//关闭弹出框之后的操作
		var argsvalue = $.dialog.data('argsname');// 读取弹出页面的数据
		//根据业务需求做其他操作
		//如:刷新当前页面
		location.reload();
	}
}, true);

 

第三步:关闭语法

直接调用或自定义函数中执行$.dialog.close();即可关闭

 

第四步:向父页面传值

在执行第三步之前采用$.dialog.data('argsname',value);结构即可;

 

分享到:
评论

相关推荐

    js实现的dialog

    JavaScript 实现的 Dialog 对话框是一种常见的前端交互技术,它允许用户在不离开当前页面的情况下与应用程序进行交互。本文将详细介绍如何使用纯 JavaScript 来创建一个功能完备的 Dialog 模块,以及涉及到的相关...

    js实现dialog 源码包

    在JavaScript编程中,`dialog`通常指的是对话框或者模态框,它是一种用户界面元素,用于向用户显示信息,接收用户输入,或者进行确认操作。本文将深入探讨如何使用JavaScript来实现一个简单的`dialog`功能,包括弹出...

    Dialog.js 最新版 绝对强大

    Dialog.js 是一个强大的JavaScript库,专门用于创建对话框功能。这个最新版本的Dialog.js 提供了先进的特性和优化,使其在各种浏览器环境下表现卓越,包括Firefox、Internet Explorer 6、7、8以及Opera等主流浏览器...

    JavaScript Dialog

    2. **artDialog.source.js** 和 **jquery.artDialog.source.js**:这两个文件可能是Dialog库的源代码版本,其中`artDialog`是独立的JavaScript实现,而`jquery.artDialog`则是基于jQuery库的扩展版本。它们提供了...

    非常有用的js dialog

    在本案例中,"非常有用的js dialog" 提供了一个自定义的JavaScript对话框实现。 CSS(Cascading Style Sheets)用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。在创建对话框时,CSS用于定义...

    原生js Dialog对话框插件制作19种对话框弹出层拖动

    在JavaScript的世界里,Dialog对话框是一种常见的用户交互方式,它用于显示警告、确认或提供信息。本主题将深入探讨如何使用原生JavaScript实现一个具备19种不同类型的对话框插件,同时支持对话框的拖动功能。我们将...

    jQuery.dialog.js网页弹出对话框美化特效插件

    《jQuery.dialog.js:网页弹出对话框的美化与特效实现》 在网页设计中,对话框(dialog)是一种常见的交互元素,用于展示重要的信息或进行用户操作确认。jQuery.dialog.js是一个专为网页开发者设计的轻量级插件,...

    dialog和fragment的运用

    Dialog不会占据整个屏幕,而是浮现在Activity之上,用户需要与之交互后才能继续操作主界面。Dialog有两种主要类型:AlertDialog和ProgressDialog。AlertDialog用于展示包含标题、消息、按钮等元素的对话框,而...

    js dialog弹窗组件

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在前端开发中起着核心作用。在JS中,`dialog`对话框组件是一种常见的用户交互元素,它用于显示警告、确认信息或者进行简单的输入操作。在网页设计...

    jQuery对话框Dialog弹出层插件演示与使用说明

    jQuery Dialog 是一个强大的弹出层插件,常用于创建各种对话框、提示窗口或模态框,极大地丰富了网页的交互体验。这个插件是基于 jQuery 库构建的,因此在使用前确保已经引入了 jQuery。下面将详细介绍如何使用 ...

    bootstrap的dialog.js

    Bootstrap的Dialog.js是一个基于Bootstrap框架的对话框插件,它扩展了Bootstrap的模态(Modal)组件,提供了更丰富的交互性和自定义功能。在网页应用中,对话框常常用于显示警告、确认信息或者进行表单操作,...

    jqueryUI插件中Dialog的运用

    jQuery UI是一款强大的JavaScript库,它提供了丰富的用户界面组件,包括对话框(Dialog)、日期选择器、滑块、排序等。Dialog组件是jQuery UI中的一个核心功能,用于创建模态或非模态的对话框,能够帮助开发者构建...

    jquery.dialogBox.js动画对话框插件

    《jQuery.dialogBox.js动画对话框插件详解及应用实践》 在网页开发中,对话框是一种常见的用户交互元素,用于提示信息、确认操作或者展示详细内容。jQuery.dialogBox.js插件是一个轻量级且功能丰富的动画对话框工具...

    javascript dialog文件

    dialog.js

    Dialog 弹出提示窗 js

    "Dialog 弹出提示窗 js" 是一种使用JavaScript实现的动态弹出窗口技术,它能模拟腾讯等大型互联网公司所采用的高质量用户体验效果,同时兼容多种主流浏览器,如Chrome、Firefox、Safari、Edge和Internet Explorer。...

    js window.open iframe dialog

    在JavaScript的世界里,`window.open`、`iframe`和`dialog`是三个非常重要的概念,它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点,并结合实例来帮助你理解它们的用法。 1. `window.open...

    css 弹框dialog.js

    弹框dialog.js

    jquery_dialog jquery_dialog jquery_dialog

    三、Dialog的使用场景 1. 提示信息:对于简单的消息提示,Dialog提供了一键式解决方案,如警告或确认消息: ```javascript $.prompt("This is a warning message!"); ``` 2. 表单提交:Dialog可以承载表单,提供...

    dialog.js 前端JavaScript,简易的弹窗插件

    dialog.js 前端JavaScript,简易的弹窗插件 用于弹出自定义的弹窗,内部对于常见的滚动穿透,输入法遮挡输入框都有相应的处理。 精简小巧,压缩后仅有5k.

    js写的 Dialog插件

    "Dialog js弹出框"是指使用JavaScript实现的对话框功能,它可以模拟系统级别的警告、确认、信息提示等窗口。这种弹出框可以自定义样式、大小、内容,并且可以通过事件处理程序与用户进行交互。在给定的描述中,我们...

Global site tag (gtag.js) - Google Analytics