这篇文章主要介绍了 JS 弹出窗口插件 zDialog 简单用法, 结合简单实例形式分析了 zDialog 插件弹出窗口的基本使用方法与参数含义, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0302/264956.html