浏览器window.open弹窗居中

最新推荐文章于 2021-06-24 16:30:26 发布

代码玩家

最新推荐文章于 2021-06-24 16:30:26 发布

阅读量711

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_33172029/article/details/84110141

版权

前端专栏收录该内容

53 篇文章 0 订阅

订阅专栏

情况：浏览器window.open()接口，可以弹窗（异步的，非同步接口），为了好看，需要居中

代码：

//获取弹窗参数
function getWindowParam(){
    //弹窗宽度和长度，自己看情况调整
	var width = (screen.availWidth/3)*2;
	var height = (screen.availHeight/3)*2;
	var left = (screen.availWidth-width)/2;
	var top = (screen.availHeight-height)/2;
	var param = "scrollbars=yes,width=" + width + ",height=" + height + ",left=" + left + ",top=" + top;
	return param;
}
		
function toPrint(){
	window.open("访问url","弹窗title", getWindowParam());
}

关于window.open(）参数说明：

W3school：HTML DOM open() 方法

关于屏幕大小设置，可查看浏览器screen对象：

W3school：JavaScript Window Screen