lhgdialog3.5.2demo总结

本文详细介绍了jQuery方式和普通函数式在窗口操作中的应用,包括配置参数使用、窗口大小、位置、遮罩层、皮肤、按钮功能等,并提供了多个示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery方式和普通函数式

jQuery方式调用
J(function(){
J('#btn1').dialog({ id:'test1', html:'<h3>我是jQuery方式调用的窗口</h3>' });
});


普通函数方式调用
function opdg( id ){
var dg = new J.dialog({ id:id, html:'<h3>我是普通函数方式调用的窗口</h3>' });
dg.ShowDialog();
}


常规配置参数使用演示

开启遮罩层,锁定屏幕,并消除浏览器右边滚动条(3.5.2新增)
J('#btn14').dialog({ id:'test14', cover:true, html:'我不能对页面进行操作了', lockScroll:true });


使用chrome皮肤的窗口(3.5.0新增)
J('#btn41').dialog({ id:'test41', skin:'chrome', html:'我是使用了chrome皮肤的窗口' });


重新设定取消按钮的文本,并改变取消按钮关闭窗口的默认动作(3.4.2新增)
J('#btn37').dialog({ id:'test37', skin:'aero', cancelBtnTxt:'确定', onCancel:function(){alert('我成了确定按钮了');}, html:'我改变了取消按钮' });


浏览器大小改变后窗口位置也改变(3.4.2新增)
J('#btn38').dialog({ id:'test38', autoPos:{left:'center',top:'center'}, html:'我的位置随着浏览器的大小的改变而改变' });


设置遮罩层颜色为黑色,透明度为0.4(3.4.1新增)
J('#btn34').dialog({ id:'test34', cover:true, bgcolor:'#000', opacity:0.2, html:'遮罩层的颜色被我设成黑的了' });


双击标题栏可最大化还原窗口(3.4.1新增)
J('#btn35').dialog({ id:'test35', html:'我可以通过双击标题栏最大化和还原窗口了' });


通过按钮实现窗口最大化还原(3.4.1新增)
J('#btn36').dialog({ id:'test36', html:'我是通过按钮来实现的最大化和还原' });
最大化»

不显示最大化按钮示例(3.4.0新增)
J('#btn28').dialog({ id:'test28', maxBtn:false, title:'不显示最大化按钮', html:'我不显示最大化的按钮了' });


显示最小化按钮示例(3.4.0新增)
J('#btn29').dialog({ id:'test29', minBtn:true, title:'显示最小化按钮', html:'我显示最小化的按钮了' });


2秒钟后自动关闭窗口示例(3.4.0新增)
J('#btn30').dialog({ id:'test30', timer:2, title:'2秒钟后自动关闭窗口', html:'我2秒钟后自动关闭了' });


id为"test3"的窗口标题为"我更改了标题"示例
J('#btn3').dialog({ id:'test3', title:'我更改了标题', html:'我的id是test3,我是标题是"我更改了标题"' });


设置窗口的大小
J('#btn4').dialog({ id:'test4', width:300, height:200, html:'窗口的大小改为300X200' });


是否显示标题栏
此示例请参照皮肤制作里的示例,因为注意如果不显示一定要选择相应的皮肤,无标题栏的皮肤,而且设为不显示后iconTitle,xButton参数都无效了。


不显示窗口左边小图标
J('#btn5').dialog({ id:'test5', iconTitle:false, html:'我不显示窗口左边的小图标' });


不显示窗口右边的X关闭按钮
J('#btn6').dialog({ id:'test6', xButton:false, html:'我不显示窗口右边的X关闭按钮' });


不显示窗口下方的按钮栏
J('#btn7').dialog({ id:'test7', btnBar:false, html:'我不显示按钮栏' });


不显示窗口按钮栏上的取消按钮
J('#btn8').dialog({ id:'test8', cancelBtn:false, html:'我不显示取消按钮' });


内容页参数为page且为content.html文件
J('#btn9').dialog({ id:'test9', page:'content.html' });


内容页参数为page且内容为外部链接qq.com,此时注意link参数一定要设为true
J('#btn10').dialog({ id:'test10', page:'http://www.qq.com', link:true, width:800, height:600, title:'QQ首页' });


内容页参数为html且html值为DOM对象
J('#btn11').dialog({ id:'test11', html:J('#obj')[0] });


开启静止定位,并自定义窗口弹出的位置
J('#btn12').dialog({ id:'test12', html:'我可以随屏滚动', fixed:true, left:100, top:100 });


开启静止定位,并将窗口定位在右下角
J('#btn13').dialog({ id:'test13', html:'我可以做为右下角的消息窗口', fixed:true, left:'right', top:'bottom' });


不允许拖动和改变大小
J('#btn15').dialog({ id:'test15', drag:false, resize:false, html:'我不能拖动和改变大小了' });


不请允许拖出浏览器可视域
J('#btn16').dialog({ id:'test16', rang:true, html:'我不能拖出浏览器了' });


改变加载窗口时的提示文本
J('#btn17').dialog({ id:'test17', loadingText:'我是窗口加载时的提示文本,哈哈...', html:'' });


自适窗口内容的大小
J('#btn18').dialog({ id:'test18', width:300, height:200, autoSize:true, page:'content1.html' });


parent参数示例并且父子窗口都加了遮罩层
//这里调用窗口都用的普通函数方式
function opdg1(){
var testDG = new J.dialog({ id:'test19', page:'content2.html', cover:true });
testDG.ShowDialog();
}
//内容页content2.html里的代码为:
var DG = frameElement.lhgDG;
function opChild()
{
var testDG2 = new DG.curWin.J.dialog({ id:'child', cover: true, html:'我是子窗口', width:300, height:200, parent:DG });
testDG2.ShowDialog();
}
//你可以打开content2.html页面查看里面的代码,这里要注意如果想在窗口中弹出子窗口不要在子窗口的页面中再加载lhgdialog.min.js来调用弹出窗口的函数,一定要用curWin.J.dialog,因为不这样父子窗口间的zIndex值会是2个,它们层叠的次序就乱了。


dgOnLoad参数示例
// 这是使用html参数时dgOnLoad代码 前面的运行按钮
function opdg2()
{
var testDG1 = new J.dialog({
id:'test20',
html:'<h3 id="txt">lhgdialog</h3>',
dgOnLoad:function(){
J('#txt').html( '我使用dgOnLoad参数改变了文本' );
}
});
}
// 这里使用的page参数时dgOnLoad代码 后面的运行按钮
function opdg3()
{
var testDG2 = new J.dialog({
id:'test21',
page:'content3.html',
dgOnLoad:function(){
J('#txt',testDG2.dgDoc).html( '我原来的文本是lhgdialog' );
}
});
}

onXclick参数示例
J('#btn22').dialog({ id:'test22', onXclick:function(){alert('我改变了关闭按钮的事件,我不能关闭窗口了');}, html:'X关闭按钮的事件被改变了' });


onCancel参数示例
J('#btn23').dialog({ id:'test23', onCancel:function(){alert('我是在窗口关闭前执行的函数');}, html:'关闭窗口前执行onCancel函数' });


其它演示示例

使用closeTime的第2个和第3个参数在标题栏动态显示关闭的秒数(3.4.2新增,3.5.2修改)
J('#btn40').dialog({ id:'test40', page:'content10.html' });

//content10.html页面里的代码为:
var DG = frameElement.lhgDG;
dg.closeTime( 10, function(){ dg.SetTitle('窗口将在10秒钟后自动关闭'); var n = 9; setInterval(function(){ dg.SetTitle('窗口将在'+n+'秒钟后自动关闭'); n--; }, 1000); }, function(){ alert('我是窗口关闭后执行的函数'); });


使用SetCancelBtn方法改变取消按钮(3.4.2新增)
J('#btn39').dialog({ id:'test39', page:'content9.html' });

//content9.html页面里的代码为:
var DG = frameElement.lhgDG;
dg.SetCancelBtn( '确定', function(){ alert('我变成确定按钮了,我执行完这句再关闭窗口'); dg.cancel(); });


在内容页中重新指定窗口标题(3.4.0新增)
J('#btn31').dialog({ id:'test31', page:'content6.html' });

//content6.html页面里的代码为:
var DG = frameElement.lhgDG;
function ok()
{
DG.SetTitle( '我是被按钮改变了的标题' );
}


在内容页中重新指定X按钮绑定的函数(3.4.0新增)
J('#btn32').dialog({ id:'test32', page:'content7.html' });

//content7.html页面里的代码为:
var DG = frameElement.lhgDG;
DG.SetXbtn( ok );
function ok()
{
alert( '我又不能关闭窗口了' );
}


在内容页中使用closeTime函数来定时关闭窗口(3.4.0新增)
J('#btn33').dialog({ id:'test33', page:'content8.html' });

//content8.html页面里的代码为:
var DG = frameElement.lhgDG;
DG.closeTime( 2 );


在调用页面关闭窗口
// 这里请注意DG得定义成全局变量
testDG3 = J('#btn24').dialog({ id:'test24', html:'我只能被调用页面上的按钮关闭', xButton:false, btnBar:false });
//关闭窗口按钮的单击事件
onclick="testDG3.cancel();"
关闭窗口»

关闭窗口刷新父页面
J('#btn25').dialog({ id:'test25', page:'content4.html' });
//content4.html页面里的代码为:
var DG = frameElement.lhgDG;
DG.addBtn( 'ok', '确定', ok );
function ok()
{
// 这里写你要操作的代码,最后写刷新代码
DG.curWin.location.reload();
}
//当调用窗口的页面被刷新,窗口就会自动关闭,所以不用调用程序的cancel关闭函数


父窗口中打开子窗口
请参阅 常规配置参数使用演示 里的 parent参数示例并且父子窗口都加了遮罩层 示例


重新指定窗口的大小并将窗口定位在屏幕的中间(3.4.0新增)
var reSize = function()
{
testDG4.reDialogSize( 600, 500 ); testDG4.SetPosition( 'center', 'center' );
};

var testDG4 = J('#btn26').dialog({ id:'test26', html:'我的大小被改为600X500了', dgOnLoad: reSize });


增加新的按钮和移除按钮
J('#btn27').dialog({ id:'test27', page:'content5.html' });

 

 

 

 

将调用页面的值传到窗口中
// 这是运行1按钮使用的方法
J('#btn1').dialog({ id:'test1', page:'content.html' });

// content.html里的代码为:(这里注意content.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
J(function(){
J('#val').html( J('#txt1',DG.curDoc).val() );
});

// 这是运行2按钮使用的方法
function opdg1()
{
var DG = new J('#btn2').dialog({
id:'test2',
page:'content1.html',
dgOnLoad: function(){
J('#val',DG.dgDoc).html( J('#txt1').val() );
}
});
DG.ShowDialog();
}
//使用第2种方法content1.html里不用写任何代码
运行1» 运行2»

将窗口中的值传回到调用页面中
J('#btn3').dialog({ id:'test3', page:'content2.html' });

// content2.html里的代码为:(这里注意content2.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
DG.addBtn( 'ok', '确定', ok );
function ok()
{
J('#txt2',DG.curDoc).val( J('#val').html() );
DG.cancel();
}

特殊的传值示例

在调用页面调用窗口B中的值或函数
var DG = J('#btn4').dialog({ id:'test4', page:'content3.html', title:'B窗口' });

// 调用B窗口中文本框的值的按钮的代码
J('#btn5').bind( 'click', function(){
if( DG.dg )
alert( J('#inp',DG.dgDoc).val() );
else
alert( '请先打开B窗口' );
});

// 调用B窗口的函数的按钮的代码
J('#btn6').bind( 'click', function(){
if( DG.dg )
DG.dgWin.BB();
else
alert( '请先打开B窗口' );
});
调用B窗口中文本框的值» 调用B窗口的函数»

在B窗口中调用调用页面的值或函数
J('#btn7').dialog({ id:'test7', page:'content4.html', title:'B窗口' });

// 内容页content4.html的代码为:(这里注意content4.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
J(function(){
J('#btn1').bind( 'click', function(){
alert( J('#txt3',DG.curDoc).val() );
});

J('#btn2').bind( 'click', function(){
DG.curWin.AA();
});
});

在调用页面调用C窗口(也就是B窗口的子窗口)的值或函数
var DG1 = J('#btn8').dialog({ id:'test8', page:'content5.html', title:'B窗口' });

// 调用C窗口中文本框的值的按钮的代码
J('#btn9').bind( 'click', function(){
if( DG1.dg && DG1.dgWin.testDG )
alert( J('#inp',DG1.dgWin.testDG.dgDoc).val() );
else
alert( '请先打开C窗口' );
});

// 调用C窗口的函数的按钮的代码
J('#btn10').bind( 'click', function(){
if( DG1.dg && DG1.dgWin.testDG )
DG1.dgWin.testDG.dgWin.CC();
else
alert( '请先打开C窗口' );
});

// 内容页content5.html中的代码:
var DG = frameElement.lhgDG, testDG;

function opchild()
{
testDG = new DG.curWin.J.dialog({
id: 'child1',
page: 'content6.html'
});
testDG.ShowDialog();
}
调用C窗口中文本框的值» 调用C窗口的函数»

在C窗口中调用调用页面中的值或函数
J('#btn11').dialog({ id:'test11', page:'content7.html', title:'B窗口' });

// 内容页content7.html中的代码:
var DG = frameElement.lhgDG, testDG;

function opchild()
{
testDG = new DG.curWin.J.dialog({
id: 'child1',
page: 'content8.html'
});
testDG.ShowDialog();
}

// 内容页content8.html中的代码:
var DG = frameElement.lhgDG;

J(function(){
J('#btn1').bind( 'click', function(){
alert( J('#txt4',DG.curDoc).val() );
});

J('#btn2').bind( 'click', function(){
DG.curWin.AA();
});
});

在2个窗口中相互调用函数和传值(3.4.1版本新增)
// A窗口的代码
J('#btn12').dialog({ id:'test12', page:'content9.html', title:'A窗口' });

// A窗口中内容页content9.html中的代码
var DG = frameElement.lhgDG;
J(function(){
J('#btn1').bind( 'click', function(){
// test13是B窗口的id
if( DG.iDG('test13') )
alert( DG.iDoc('test13').getElementById('inpB').value );
// 也可以使用jQ方式来写
// alert( J('#inpB',DG.iDoc('test13')).val() );
else
alert( '请先打开B窗口' );
});
J('#btn2').bind( 'click', function(){
if( DG.iDG('test13') )
DG.iWin('test13').fnB();
else
alert( '请先打开B窗口' );
});
J('#btn3').bind( 'click', function(){
if( DG.iDG('test13') )
DG.iWin('test13').DG.cancel();
else
alert( '请先打开B窗口' );
});
});
function fnA()
{
alert( '我是A窗口的函数' );
}

// B窗口的代码
J('#btn13').dialog({ id:'test13', page:'content10.html', title:'B窗口' });

// B窗口中内容页content10.html中的代码
var DG = frameElement.lhgDG;
J(function(){
J('#btn1').bind( 'click', function(){
// test12是A窗口的id
if( DG.iDG('test12') )
alert( DG.iDoc('test12').getElementById('inpA').value );
// 也可以使用jQ方式来写
// alert( J('#inpA',DG.iDoc('test12')).val() );
else
alert( '请先打开A窗口' );
});
J('#btn2').bind( 'click', function(){
if( DG.iDG('test12') )
DG.iWin('test12').fnA();
else
alert( '请先打开A窗口' );
});
J('#btn3').bind( 'click', function(){
if( DG.iDG('test12') )
DG.iWin('test12').DG.cancel();
else
alert( '请先打开A窗口' );
});
});
function fnB()
{
alert( '我是B窗口的函数' );
}
窗口A» 窗口B»

在父窗口和子窗口之间相互调用函数和传值(3.4.1版本新增)
// 父窗口的代码
J('#btn14').dialog({ id:'test14', page:'content11.html', title:'父窗口', cover:true });

// 父窗口中内容页content11.html中的代码
var DG = frameElement.lhgDG;
J(function(){
J('#btn1').bind( 'click', function(){
// child是子窗口的id
if( DG.iDG('child') )
alert( DG.iDoc('child').getElementById('inpB').value );
// 也可以使用jQ方式来写
// alert( J('#inpB',DG.iDoc('child')).val() );
else
alert( '请先打开子窗口' );
});

J('#btn2').bind( 'click', function(){
if( DG.iDG('child') )
DG.iWin('child').fnB();
else
alert( '请先打开子窗口' );
});
});
function fnA()
{
alert( '我是父窗口的函数' );
}
// 打开子窗口的代码
function opchild()
{
var childDG = new DG.curWin.J.dialog({ id:'child', title:'子窗口', page:'content12.html', parent:DG });
childDG.ShowDialog();
}

// 子窗口中内容页content12.html中的代码
var DG = frameElement.lhgDG;
J(function(){
J('#btn1').bind( 'click', function(){
// test14是父窗口的id
if( DG.iDG('test14') )
alert( DG.iDoc('test14').getElementById('inpA').value );
// 也可以使用jQ方式来写
// alert( J('#inpA',DG.iDoc('test14')).val() );
else
alert( '请先打开父窗口' );
});

J('#btn2').bind( 'click', function(){
if( DG.iDG('test14') )
DG.iWin('test14').fnA();
else
alert( '请先打开父窗口' );
});
});
function fnB()
{
alert( '我是子窗口的函数' );
}

 

这是框架页面中的topFrame页面
这是在框架最顶层页面弹出的窗口

J('#btn1').dialog({ id:'test1', html:'我是在框架的最顶层页面弹出的窗口', rang: true });

 

这是框架页面中的bottomFrame页面
这是在窗口调用页面弹出的窗口,使用了t=self参数

// 此页面加载lhgdialog.min.js文件代码为:
<script type="text/javascript" src="lhgdialog.min.js?t=self"></script>

J('#btn2').dialog({ id:'test2', html:'我是在窗口调用页面弹出的窗口', rang: true });


注意:不要在框架的不同框架页面同时弹出窗口,因为这样是在不同调用页面弹出的窗口,虽然窗口都创建在同一页面,但因为是不同的调用页面,所以也会出现窗口的层叠次序混乱,所以记住在框架中只能在其中的一个框架页面调用窗口。本页面只是作为示例用,实际中不要如此使用。

 

 

主页面
var dg = new J.dialog({
id:'A窗口id',
title:'A窗口',
page:'A页面路径'});
dg.ShowDialog();
function a()
{
alert( '主页面方法' );
}
----------------------------------------------
A页面
var DG = frameElement.lhgDG;
var child_dg = new DG.curWin.J.dialog({
id:'B窗口id',
title:'B窗口',
page:'B页面路径',
parent:DG });
child_dg.ShowDialog();
function b()
{
alert( 'A页面方法' );
}
----------------------------------------------
B页面
var DG = frameElement.lhgDG;
DG.iWin('A窗口id').b();
DG.curWin.a();

lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 版本(2011-07-04 发布): V3.5.2 窗口lhgdialog.min.js文件的url参数(3.4.0新增) 参数形式为:[removed][removed] 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:&#39;center&#39;,top:&#39;center&#39;}。 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:用来指定新增加按出现在已有按钮的左边(值为&#39;left&#39;)还是右边(值为&#39;right&#39;) 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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值