javascript之弹出窗口居中的代码
2007-08-24 00:00
746 查看
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
Test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
javascript弹出窗口居中代码
下面给两个弹出屏幕居中窗口的例子
window.showModalDialog方式
注意这里的第二个参数,window
用户必须在这个弹出式窗体中输入信息后才能访问其他的窗体是模态窗体就是用第二个方法就好了
javascript弹出窗口居中四:
说明:500和750是硬编码,可以通过参数传入。
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
Test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
javascript弹出窗口居中代码
下面给两个弹出屏幕居中窗口的例子
window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidth)/2; window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no, Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft); }
window.showModalDialog方式
function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidth)/2; window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px; dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no"); }
注意这里的第二个参数,window
用户必须在这个弹出式窗体中输入信息后才能访问其他的窗体是模态窗体就是用第二个方法就好了
javascript弹出窗口居中四:
function selectCustomer(){ var iTop = (window.screen.availHeight-30-500)/2; var iLeft = (window.screen.availWidth-10-750)/2; window.open("../customer/creditApprManage.do?method=toGetCustomer", "searchCorp", "height=500,width=750,top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no" ); }
说明:500和750是硬编码,可以通过参数传入。
相关文章推荐
- javascript弹出窗口居中代码
- javascript之弹出窗口居中的代码
- javascript弹出窗口居中
- 关于在右下脚弹出窗口javascript代码,并用ASP.NET在后台调用(原创)
- javascript强制弹出新窗口实现代码
- JavaScript代码实现刷新父网页 JavaScript弹出新窗口后,关闭新窗口时,刷新父窗口
- 收集:javascript网页精华代码--几种弹出窗口
- 玩转 Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值 By shawl.qiu
- jQuery弹出窗口完整代码(居中,居左,居右)
- javascript弹出窗口代码大全
- 弹出新窗口的javascript代码
- JAVASCRIPT弹出窗口DIV层效果代码
- JavaScript 弹出窗口代码大全
- Asp.Net中用javascript实现弹出窗口永远居中
- 用javascript实现弹出窗口永远居中
- 一个关闭窗口不弹出提示的javascript代码
- javascript 弹出窗口中是否显示地址栏的实现代码
- javascript 弹出窗口中是否显示地址栏的实现代码
- Js弹出窗口、居中、居角、扩大窗口至屏幕最大的代码
- javascript弹出窗口实现代码