欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > Js打开网页后居中显示

Js打开网页后居中显示

2018-06-26 547 收藏 0 赞一个 0 真差劲 0 去评论

使用JavaScript定义打开网页后居中显示,并可为窗口设置大小,使用“window.open”方法打开新窗口:先来看完整的代码及调用方法:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>打开居中的窗口</title>
<script language="javascript">
//参数-url:要打开的网站,winname:打开后的窗体名称
//参数width:打开新窗体的宽度,height:打开新窗体的高度
<!--
function openwindow( url,winName,width,height) 
{
    xposition=0; yposition=0;
    if ((parseInt(navigator.appVersion) >= 4 ))
    {
    xposition = (screen.width - width) / 2;//窗体居中的x坐标
    yposition = (screen.height - height) / 2;//窗体居中的y坐标
    }
    theproperty= "width=" + width + "," //打开窗口的属性
    + "height=" + height + "," 
    + "location=0," 
    + "menubar=0,"
    + "resizable=1,"
    + "scrollbars=0,"
    + "status=0," 
    + "titlebar=0,"
    + "toolbar=0,"
    + "hotkeys=0,"
    + "screenx=" + xposition + "," //仅适用于Netscape
    + "screeny=" + yposition + ","//仅适用于Netscape
    + "left=" + xposition + ","//IE
    + "top=" + yposition;//IE 
    window.open( url,winName,theproperty );//打开窗口
}//-->
</script>
</head>
<body>
<a href="javascript:openwindow('http://www.google.com','openwin',300,300)">打开窗口</a>
</body>
</html>

代码的重点是设置打开窗口的一些属性,此方法的三个参数分别代表:要打开窗口的URL、打开窗口的名字、打开窗口的一些属性(如是否有滚动条、最大化按钮等)。本例使用“(screen.width-width)/2”和“(screen.height-height)/2”获取窗体居中的坐标点,然后指定窗体的“left”和“top”属性。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论