JS弹出窗口插件zDialog简单用法示例


Posted in Javascript onJune 12, 2016

本文实例讲述了JS弹出窗口插件zDialog简单用法。分享给大家供大家参考,具体如下:

因为没有元素可以显示到Frameset上面去,所以重新定义了,一个index.htm,对其的操作是:

Index.htm

<script language="javascript" src="JS/zDialog/zDialog.js" type="text/javascript"></script>
<script language="javascript" src="JS/zDialog/zDrag.js" type="text/javascript"></script>//引入相应的界面
<script language="javascript" type="text/javascript">
//在其子页面中,调用此方法打开相应的界面
function openDialog(title,url)
{
var dlg=new Dialog();//定义Dialog对象
dlg.Model=true;
dlg.Width=500;//定义长度
dlg.Height=400;
dlg.URL=url;
dlg.Title=title;
dlg.show();
}
</script>

再定义一个iframe来引入相应的界面:

<iframe src="default.htm" height="600" width="100%" frameborder="0" id="parentframe"name="parentframe" marginheight="0" marginwidth="0" runat="server" scrolling="auto"></iframe>

在它的需要调用弹出窗口的界面中可以这样写:
function b(URL,title,id)
{
set_current(id);
top.openDialog(title,URL);
//此处调用的是index.htm中的js方法
}

其中在其他的子页面中,弹出一个提示框的:

top.Dialog.alert("提示成功");//只进行提示
top.Dialog.close();//关闭窗口
top.Dialog.alert("提示成功",function(){top.Dialog.close();})//弹出提示,点击确定以后关闭弹出窗口

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
微信小程序实现添加手机联系人功能示例
Nov 30 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
layui 对table中的数据进行转义的实例
Sep 12 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
JS实现前端路由功能示例【原生路由】
May 29 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 #Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 #Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 #Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 #Javascript
JQuery的attr 与 val区别
Jun 12 #Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 #Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 #Javascript
You might like
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
PHP生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
js href的用法
2010/05/13 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
深入解读Node.js中的koa源码
2019/06/17 Javascript
编写一个javascript元循环求值器的方法
2020/04/14 Javascript
详解React 条件渲染
2020/07/08 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
2020/10/28 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
python Django批量导入数据
2016/03/25 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Python中文件的读取和写入操作
2018/04/27 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
python 实现生成均匀分布的点
2019/12/05 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
门诊挂号室室长岗位职责
2013/11/27 职场文书
面试通知短信
2015/04/20 职场文书
人代会简报
2015/07/21 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
2016年十一促销广告语
2016/01/28 职场文书
Golang并发操作中常见的读写锁详析
2021/08/30 Golang
Python中的变量与常量
2021/11/11 Python
Mybatis-Plus 使用 @TableField 自动填充日期
2022/04/26 Java/Android