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 相关文章推荐
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
js实现可输入可选择的select下拉框
Dec 21 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
基于angular实现树形二级表格
Oct 16 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 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
P3P Header解决Cookie跨域的问题
2013/03/12 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
jQuery简易时光轴实现方法示例
2017/03/13 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
Vue编写多地区选择组件
2017/08/21 Javascript
Angularjs中的$apply及优化使用详解
2018/07/02 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
Python中文件操作简明介绍
2015/04/13 Python
python机器学习之随机森林(七)
2018/03/26 Python
Python中作用域的深入讲解
2018/12/10 Python
在Pycharm terminal中字体大小设置的方法
2019/01/16 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
财务会计毕业生个人求职信
2014/02/03 职场文书
促销活动计划书
2014/05/02 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python