window.open打开新窗口屏幕居中

最新推荐文章于 2021-06-22 05:41:21 发布

原创最新推荐文章于 2021-06-22 05:41:21 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

78 篇文章

订阅专栏

dom

10 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现浏览器弹窗并使其居中显示的方法。通过获取屏幕尺寸及指定弹窗尺寸来计算位置参数，使弹窗无论在何种分辨率下都能居中显示。此外，还提供了关闭工具栏等选项以增强用户体验。

方法：

<script>
			function openWin(url,name,newWinWidth,newWinHeight){
				var winWidth=screen.width;  //获取屏幕宽度
				var winHeight=screen.height;  //获取屏幕高度
				//获取新窗口距离屏幕左侧的位置
				var left=(winWidth-newWinWidth)/2;  
				//获取新窗口距离屏幕顶部的位置
				var top=(winHeight-newWinHeight)/2;
				window.open(url,name,'width='+newWinWidth+',height='+newWinHeight+',left='+left+',top='+top+',toolbar=no,menubar=no,location=no,status=no');
				//name:弹出窗口的名字,可不填，用''代替
				//toolbar=no 是否显示工具栏。yes为显示
				//menubar=no 是否显示菜单栏。yes为显示
				//location=no 是否显示地址字段。yes为显示
				//status=no 是否添加状态栏。yes为可以
			}
		</script>

方法的调用：

<a href="javascript:void(0);" onclick="openWin('new.html','',400,200)">跳转到a</a>