1、原始的弹出对话框实现(弹出窗口也可以)
我们知道,以前在没有应用其他javascript库(例如各种类型的Jquery库)的时候,一般是通过window.open或者window.showModalDialog来弹出非模态或者模态的对话框的,如下脚本所示。
这种是原始方式;大家经常都会用到。
我们知道,以前在没有应用其他javascript库(例如各种类型的Jquery库)的时候,一般是通过window.open或者window.showModalDialog来弹出非模态或者模态的对话框的,如下脚本所示。
function OpenWin( sURL , sFeatures )
{
window.open( sURL , null , sFeatures , null)
//window.open("Sample.htm",null,"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
//window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
//sName{_blank; _media; _parent; _search; _self; _top}
//sFeatures{channelmode; directories; fullscreen; height; left; location; menubar; resizable; scrollbars; status; titlebar; toolbar; top; width}
}
function ShowWin( sURL , sFeatures )
{
if(sFeatures == null || sFeatures == ""){
sFeatures = 'dialogHeight:300px;dialogWidth:850px;status:no;scroll:yes;resizable:yes;help:no;center:yes;';
}
var returnValue= window.showModalDialog( sURL , null , sFeatures)
//window.showModalDialog("Sample.htm",null,"dialogHeight:591px;dialogWidth:650px;")
//window.showModalDialog([sURL] [, vArguments] [, sFeatures])
//sFeatures{dialogHeight; dialogLeft; dialogTop; dialogWidth; center; dialogHide; edge; help; resizable; scroll; status; unadorned}
if(returnValue != undefined)
{
return returnValue;
}
else
{
return "";
}
}
{
window.open( sURL , null , sFeatures , null)
//window.open("Sample.htm",null,"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
//window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
//sName{_blank; _media; _parent; _search; _self; _top}
//sFeatures{channelmode; directories; fullscreen; height; left; location; menubar; resizable; scrollbars; status; titlebar; toolbar; top; width}
}
function ShowWin( sURL , sFeatures )
{
if(sFeatures == null || sFeatures == ""){
sFeatures = 'dialogHeight:300px;dialogWidth:850px;status:no;scroll:yes;resizable:yes;help:no;center:yes;';
}
var returnValue= window.showModalDialog( sURL , null , sFeatures)
//window.showModalDialog("Sample.htm",null,"dialogHeight:591px;dialogWidth:650px;")
//window.showModalDialog([sURL] [, vArguments] [, sFeatures])
//sFeatures{dialogHeight; dialogLeft; dialogTop; dialogWidth; center; dialogHide; edge; help; resizable; scroll; status; unadorned}
if(returnValue != undefined)
{
return returnValue;
}
else
{
return "";
}
}
这种是原始方式;大家经常都会用到。
原始方式第二种基于Jquery的原始弹出窗口方式:
<script type=
"text/javascript">
function initDialog(divname) {
var dlg = jQuery(divname).dialog({
draggable: true,
resizable: true,
closed: true,
show: 'Transfer',
hide: 'Transfer',
autoOpen: false,
width: 500,
height: 250,
minHeight: 10,
minwidth: 10
});
dlg.parent().appendTo(jQuery( "form:first"));
};
function close(divname) {
$(divname).dialog('close');
}
</script>
function initDialog(divname) {
var dlg = jQuery(divname).dialog({
draggable: true,
resizable: true,
closed: true,
show: 'Transfer',
hide: 'Transfer',
autoOpen: false,
width: 500,
height: 250,
minHeight: 10,
minwidth: 10
});
dlg.parent().appendTo(jQuery( "form:first"));
};
function close(divname) {
$(divname).dialog('close');
}
</script>
(二)(待添加。。。)
转载于:https://blog.51cto.com/5399010/1112508