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

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

LLL_LH

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

阅读量4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js dom

本文链接：https://blog.youkuaiyun.com/LLL_liuhui/article/details/80295585

js 同时被 2 个专栏收录

78 篇文章

订阅专栏

dom

10 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法：

<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>