弹出窗口介绍及居中设置
2008-11-08 14:32
309 查看
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
弹出窗口居中设置:
Javascript代码
function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称,可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
var logWindow = window.open(url,name,‘resizable=yes, menubar=no,status=yes,width='+iWidth+',height='+iHeight+',top='+iTop+',left='+iLeft);
logWindow.focus(); //弹出窗口获得焦点
return false;
}
使用时调用这个函数即可。如:
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>
缺点:与原窗口的大小,位置无关。
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始; window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空''代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; </SCRIPT> js脚本结束 |
Javascript代码
function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称,可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
var logWindow = window.open(url,name,‘resizable=yes, menubar=no,status=yes,width='+iWidth+',height='+iHeight+',top='+iTop+',left='+iLeft);
logWindow.focus(); //弹出窗口获得焦点
return false;
}
使用时调用这个函数即可。如:
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>
缺点:与原窗口的大小,位置无关。
相关文章推荐
- js window.open()弹出窗口参数说明及居中设置
- Flex应用大小被调整(resize)时弹出窗口居中设置的例子
- 设置弹出窗口的格式,也就是取消最小化最大化按钮样式
- Android的弹出窗口设置
- 设置弹出的窗口大小和跳转路径
- 经过设置后的弹出窗口
- popupWin 属性及用法介绍 ASP.NET控件,仿QQ,msn右下角弹出窗口
- MFC 窗口最大化和最小化,全局变量的使用、static居中显示、static的背景色设置为透明、根据屏幕自适应调整界面大小
- js 弹出窗口居中
- function模式设置ALV用弹出窗口显示
- Flex mxml调用mxml 设置窗口居中
- Qt如何设置窗口屏幕居中显示以及设置大小
- iOS 模态窗口居中弹出背景半透明
- 绝对经典的弹出窗口设置
- 弹出窗口居中显示
- jQuery弹出层始终垂直居中,相对于屏幕,相对于当前窗口
- Qt 让弹出的窗口居中显示
- VC设置窗口全屏并且最前面显示(居中、最小化恢复)
- 如何在HTML网页中设置弹出窗口的办法
- jQuery弹出窗口完整代码(居中,居左,居右)