javascript - 如何使弹出窗口居中?

标签 javascript

Center a popup window on screen?这些在带有多显示器的 Chrome 中不起作用。 “屏幕”似乎指的是整个桌面,而不仅仅是当前窗口。我想在浏览器中居中显示弹出窗口。我怎样才能做到这一点?需要跨浏览器。

最佳答案

这是一个演示(应该加载 Google):

function popupwindow(url, title, w, h) {
  wLeft = window.screenLeft ? window.screenLeft : window.screenX;
  wTop = window.screenTop ? window.screenTop : window.screenY;

  var left = wLeft + (window.innerWidth / 2) - (w / 2);
  var top = wTop + (window.innerHeight / 2) - (h / 2);
  return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
}
<button onclick="popupwindow('http://www.google.com/', 'hello', 400, 400)">
   Click
</button>

关于javascript - 如何使弹出窗口居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5681415/

相关文章:

javascript - 用javascript点击链接时如何删除链接属性?

javascript - 在传单 map 上捕获 d3 中的鼠标悬停

javascript - for 循环仅迭代一次

javascript - Jade 条件语句无法正常工作

javascript - 如何提前订购数据

javascript - javascript允许带有逗号和点的有效数字

javascript - 如何检查谷歌浏览器中用户是否已允许通知?

javascript - HTML 5/Javascript 中的本地存储问题

javascript - 我希望 div 的背景图片应该自动更改

javascript - OwlCarousel2 动画点 onChange