窗口lhgdialog.min.js文件的url参数
参数形式为:<script type="text/javascript" src="lhgdialog.min.js?t=self&s=chrome"></script>
t:指定弹出窗口的页面(替代原来的第22个参数SetTopWindow)参数值:self,在当前页面弹出窗口。此参数只用在框架页面中,如果不写此参数则窗口跨框架弹出在框架最顶层页面,如果值为self则不跨框架,而在当前面页弹出。
s:窗口使用的皮肤的名称(3.5.0修改)参数值:默认default,不写此参数则值为default。如果你想在同一页面使用不同皮肤的窗口,就要把你要使用的皮肤的名称都写上,中间用","隔开,例如:lhgdialog.min.js?s=default,chrome,此参数用来动态给窗口换肤,参数的值为skins文件夹下各皮肤文件夹的名,具体使用方法请参阅皮肤制作
url参数不需要设定的就可以不写,不写时就使用默认值。
初始化参数列表
初始化参数列表:即为J.dialog({ 这里的参数 });
skin:指定窗口的皮肤(3.5.0新增)参数值:默认为“default”。
args:传递的参数(3.5.0新增)参数值:值可为任意类型的数据。
onCancel:自定义窗口关闭函数(3.5.0修改)参数值:如果加了此参数则可以调用此函数来关闭窗口。3.5.0将此属性改为此函数参数的作用是在关闭窗口前执行这个函数来完成一定动作。
cancelBtnTxt:设置取消按钮的文本(3.4.2新增)参数值:默认为“取消”。此参数和onCancel配合使用即可改变取消按钮为其它作用的按钮。
autoPos:当浏览器大小改变时窗口的位置是否自动改变(3.4.2新增)参数值:默认为false,如果想让窗口自动改变为设要设值,值为一个对象,对象中有2个属性,分别为left和top,left和top的值与窗口参数left和top的值是一样的。例如:autoPos:{left:'center',top:'center'}。
autoCloseFn:自动关闭窗口时执行的函数(3.4.2新增)参数值:当指定了timer属性后,此参数为窗口关闭前执行的函数。
bgcolor:设置遮罩层的颜色(3.4.1新增)参数值:默认为白色(#fff)。
opacity:设置遮罩层的透明度(3.4.1新增)参数值:默认为0.5(也就是50%的透明度),值为小于1的一位小数。
onMinSize:最小化按钮调用的函数(3.4.1新增)参数值:此属性为一个函数,就是单击最小化按钮调用的函数,主要是为用户提供个接口,这里你可以自己写这个函数。
maxBtn:是否显示最大化按钮(3.4.0新增)参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。注:如果fixed参数为true,那么此参数就自动为false。
minBtn:是否显示最小化按钮(3.4.0新增)参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。最小化按钮功能暂无
timer:定时关闭窗口时间,单位为秒(3.4.0新增)参数值:无,不带单位的数字,单位为秒。
id:窗口的id号参数值:默认lhgdlgId,自定义对话框ID属性,要保证在页面中是唯一的,不能和页面中任何元素的id相同。
注意:如果页面中只有一个弹出窗口此参数可以不写,但页面中如果有1个以上的弹出窗口则一定要加此参数。
title:窗口的标题文本参数值:默认lhgdialog弹出窗口,窗口标题的文件字符。
width:窗口的宽度参数值:默认400,不带单位的数字。
height:窗口的高度参数值:默认300,不带单位的数字。
titleBar:是否显示标题栏参数值:默认true(显示),false(不显示,注意如果不显示一定要选择相应的皮肤,无标题栏的皮肤)。
iconTitle:是否显示标题栏左边小图标参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。
xButton:是否显示窗口右上角的X关闭按钮参数值:默认true(显示,如果titleBar参数为false,此参数无效),false(不显示)。
btnBar:是否显示按钮栏参数值:默认true(显示),false(不显示)。
cancelBtn:是否显示取消按钮参数值:默认true(显示,要显示的同时必须设btnBar参数为true),false(不显示)。
page:窗口内容页的地址参数值:窗口的内容页为一个单独的页面文件,这个文件的路径是内容页面文件相对于调用窗口插件的路径或也可使用绝对路径,如果此参数的值为不同域的外部链接,那一定要使下面的link参数为真。
link:是否为外部链接参数值:默认false(不是外部链接),true(是外部链接,这里的外部链接指的是不同域的网址)。
html:窗口的内容为HTML代码参数值:可以是HTML代码或DOM对象。
fixed:是否开启静止定位参数值:默认false(不开启),true(开启,静止定位指的就是窗口随屏滚动)。
left:X轴的坐标参数值:默认center(居中),left(屏幕的左边),right(屏幕的右边),如果开启了fixed则原点以浏览器视口为基准。
top:Y轴的坐标参数值:默认center(居中),top(屏幕的最上边),right(屏幕的最下面),如果开启了fixed则原点以浏览器视口为基准。
cover:是否开启锁屏参数值:默认false(不开启),true(开启,中断用户对话框之外的交互,用于显示非常重要的操作/消息)。
drag:是否允许拖动对话框参数值:默认true(允许),false(不允许)。
resize:是否允许拖动改变窗口大小参数值:默认true(允许),false(不允许)。
rang:是否限制窗口挪动范围参数值:默认false(不限制),true(限制,也就是不允许窗口拖出浏览器的可视区域)。
loadingText:窗口加载时的文本字符参数值:默认“窗口正在加载中,请稍等...”。
autoSize:是否窗口自适应大小参数值:默认false(不适应),true(自动适应窗口内容的大小)。
SetTopWindow:指定窗口要在弹出时的那个页面的window对象此参数已被新的url参数t所替代,3.4.0版本删除了此参数。
parent:子窗口的父窗口对象参数值:此参数只用在弹出的窗口中再弹出子窗口时指定父窗口对象,注意如果2层弹出窗口都有遮罩层则一定要加此参数。
dgOnLoad:窗口加载后执行的函数参数值:注意此参数值一定要为函数。
onXclick:窗口右上角X关闭按钮拦截函数参数值:如果加了此参数则窗口右上角X关闭按钮则执行此函数。
其中一些参数的用法请参照示例中的使用方法
API函数接口列表
API接口列表:
setArgs(args) :设置要传递的数据(3.5.0新增)参数1:要传递的数据,可以为任意类型的数据。
getArgs() :获取传递的数据(3.5.0新增)参数1:无,可以为任意类型的数据。
addBtn(id,txt,fn,pos) :在窗口的按钮栏增加按钮(3.4.2新增pos参数)参数1:按钮的id
参数2:按钮上的文本
参数3:按钮绑定的函数
参数4:用来指定新增加按出现在已有按钮的左边(值为'left')还是右边(值为'right')
SetCancelBtn(txt,fn) :重新设定取消按钮(3.4.2新增)参数1:按钮的文本。
参数2:按钮重新绑定的函数。
closeTime(second,fn) :定时关闭窗口(3.4.0新增,3.4.2修改)参数1:关闭窗口的时间,单位为秒。
参数2:关闭窗口前执行的函数。
SetPosition(top,left,fix) :重新指定窗口的位置(3.4.0新增,3.4.2修改) : SetPosition(left,top)参数1:X轴的坐标(详细见初始化参数里的第17个参数)
参数2:Y轴的坐标(详细见初始化参数里的第18个参数)
参数3:是否是静止定位(详细见初始化参数里的第16个参数,这里要注意如果fixed参数为true时这个参数一定要为true,否则就不要加此参数)
注:原来的第3个参数在3.4.2中已删除,这个参数程序会自动根据你调用窗口时的参数fixed的设置来判断。
maxSize() :窗口最大化函数接口(3.4.1新增)参数:无,你可以通调用此函数来控制窗口的最大化和还原。
SetMinBtn(fn) :重新设定最小化按钮函数(3.4.1新增)参数1:重新给最小化按钮绑定的函数,你可以通调用此函数重新给最小化按钮绑定函数。
iWin(id) :获取指定id的窗口内容页的window对象(3.4.1新增)参数1:指定窗口的id,此函数用来返回指定id的窗口的内容页的window对象,主要用在传值使用中。
iDoc(id) :获取指定id的窗口内容页的document对象(3.4.1新增)参数1:指定窗口的id,此函数用来返回指定id的窗口的内容页的document对象,主要用在传值使用中。
iDg(id) :获取指定id的窗口DOM对象(3.4.1新增)参数1:指定窗口的id,此函数用来返回指定id的窗口的DOM对象,主要用判断此窗口是否存在。
SetXbtn(fn,noShow) :重新设置X按钮动作(3.4.0新增)参数1:重新给X按钮绑定的函数
参数2:是否显示X按钮
SetTitle(txt) :重新指定标题的文本(3.4.0新增)参数1:重新指定的标题的文本内容。
ShowDialog() :显示窗口无参数,jQ调用方式不需要加此方法。
cancel() :关闭窗口无参数。
reDialogSize(width,height) :重新指定窗口的大小参数1:窗口的宽度,如:600,不带单位的数字
参数2:窗口的高度,如:500,不带单位的数字
removeBtn(id) :移除窗口中按钮栏的按钮参数1:按钮的id
SetIndex() :设置窗口的层叠次序无参数
API属性接口列表:
dialogId :窗口的id(3.5.0新增)获取窗口设置的id值,此id不是窗口真正的id,此id是你在调用窗口时设置的id的值。
parent :父窗口对象实例(3.5.0新增)此属性就是取的你设置的parent参数属性的值,即:J.dialog({ parent:dg }) 这里的parent的值。
dg :窗口的DOM对象可通过此对象对窗口和窗口内元素进行操作。
lhgDG :创建的窗口的实例对象此属性只用在page参数指定的内容页面中,它取的是创建此窗口的实例对象。
topWin :顶层页面的window对象此参数在3.4.1版本中删除了,要想得到顶层页面的window对象直接写top就行了。
topDoc :顶层页面的document对象此参数在3.4.1版本中删除了,要想得到顶层页面的document对象直接写top.document就行了。
curWin :窗口调用页面的window对象也就是加载lhgdialog.min.js的页面的window对象,如果不是在框架中弹出它和topWin是相等的。
curDoc :窗口调用页面的document对象也就是加载lhgdialog.min.js的页面的document对象,如果不是在框架中弹出它和topDoc是相等的。
dgWin :内容页的window对象如果参数为page,且link参数不为真,那这个就是内容页的window对象。
dgDoc :内容的document对象如果参数为page,且link参数不为真,那这个就是内容页的document对象。
分享到:
相关推荐
lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件,基于...此版本API和lhgdialog API 一致。 更多内容请看官方网站: http://bbs.lhgcore.com/thread-2-1-1.html http://bbs.lhgcore.com/thread-15-1-1.html
lhgDialog api demo 示例
《lhgdialog3.2.4工具自带API详解与应用》 lhgdialog3.2.4是一款在IT行业中备受推崇的窗口对话框插件,它以其强大的功能、易用性和出色的界面设计赢得了广大开发者的喜爱。这款工具的最新版本在前代的基础上进行了...
API参数控制接口,还有好多方法。假如要是看不明白里面也有演示的。
lhgDialog提供了丰富的API和事件接口,允许开发者动态控制对话框的显示、隐藏、设置内容等。例如,使用`close`方法关闭当前对话框: ```javascript $('.dialog').dialog('close'); ``` 同时,插件还支持`onOpen...
lhgdialog v3.5.3就是这样一款专为Web开发者设计的弹出窗组件,它以其简洁的API、丰富的功能和良好的兼容性,成为众多项目中的首选。 lhgdialog是一款基于JavaScript的轻量级弹出框插件,其核心设计理念在于提供一...
API(Application Programming Interface)是lhgdialog的核心部分,它为开发者提供了丰富的函数和类,以便于在各种应用程序中集成对话框功能。 在"lhgdialog4.0.0 API"中,我们可以期待以下关键知识点: 1. **API...
本包包含API文档 - 弹出窗口组件演示_files、基础示例 - LHGDIALOG_files、API文档 - 弹出窗口组件演示.htm、窗口lhgdialog参数.doc、窗口的各种传值在线演示示例.doc、窗口的各种在线演示示例.doc、基础示例 - ...
2. 操作简便:lhgdialog的API设计简洁明了,通过简单的函数调用即可快速打开或关闭对话框,如`$.dialog({content: 'Hello, world!', type: 'alert'})`就能显示一个警告对话框。 3. 自定义配置:组件提供了丰富的...
您可以对 lhgDialog 进行修改和美化,可以去除 lhgDialog 版权注释或改变程序名称,无需公开您修改或美化过的 lhgDialog 程序与界面。 商业授权每个公司只需要购买一次,而不限制产品域名。适用于 lhgDialog 现有...
lhgdialog是一款由李辉刚开发的弹出窗口控件,用于在网页中创建具有定制化功能的对话框。该控件提供了丰富的配置选项和多种内容展现方式,适合于多种场景下的网页交互设计。 首先,了解lhgdialog的文件结构至关重要...
1. **易用性**:`lhgdialog`提供了简洁的API,使得开发者能够快速地创建和定制对话框。只需要几行代码,就可以实现复杂的弹窗功能。 2. **多种类型**:支持多种对话框类型,如信息提示、警告、确认和自定义对话框,...
lhgdialog是一款广泛应用于前端开发中的轻量级对话框插件,尤其在JavaScript和HTML5项目中,它以其简洁的API和丰富的自定义选项,为开发者提供了强大的弹出窗口解决方案。本文将深入探讨lhgdialog的使用方法,包括...
fetch('https://api.example.com/data') .then(response => response.text()) .then(data => callback(data)); } }).show(); ``` ### 4. 示例 - **提示消息**:展示一个简单的提示信息 ```javascript Dialog...
10. **文档和示例**:为了方便开发者快速上手,lhgDialog提供了详尽的API文档和示例代码。开发者可以通过查看这些资料了解如何使用各项功能,快速集成到自己的项目中。 总之,lhgDialog 4.2.0是一个强大且灵活的...
在lhGDialog 4.0中,开发者可以利用其丰富的API来控制弹窗的显示、关闭、位置、大小等属性。例如,`$.dialog.open()`用于打开一个对话框,`$.dialog.close()`则用于关闭。此外,还可以通过传递参数设置对话框的样式...
1. **基本使用**:`lhgdialog`可以通过简单的API调用来创建模态窗口。例如,你可以通过以下代码打开一个对话框: ```javascript var dialog = window.lhgdialog({ title: '提示', content: '这是一个基本的模态...
文件说明很可能提供了关于`lhgdialog`组件的详细使用指南,包括如何引入、配置选项、API详解以及常见问题解答。对于初学者来说,这是一个非常重要的参考资料。 4. **lhgdialog**: 这个可能是`lhgdialog`的一个...
3. **易用性**:lhgDialog的API设计简洁明了,通过简单的JavaScript调用即可创建和控制弹窗,对于新手友好。 4. **响应式布局**:支持响应式设计,能自动适应不同的屏幕尺寸,保证在移动设备上的良好显示效果。 5....
url: '/api/data', onContentLoaded: function() { // 在内容加载完成后执行的回调 } }); ``` 2. **模态对话框**:通过设置`modal`为`true`,可以使对话框具有遮罩效果,防止用户与背景内容交互。 3. **...