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 相关文章推荐
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
FileUpload上传图片(图片不变形)
Aug 05 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 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
修改php.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
浅谈react前后端同构渲染
2017/09/20 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
python 实现单通道转3通道
2019/12/03 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
学生思想表现的评语
2014/01/30 职场文书
消防先进事迹材料
2014/02/10 职场文书
党员作风建设自查报告
2014/10/23 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
车间班组长竞聘书
2015/09/15 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js