为了账号安全,请及时绑定邮箱和手机立即绑定

屏幕上的弹出式窗口中央?

/ 猿问

屏幕上的弹出式窗口中央?

哈士奇WWW 2019-11-15 15:10:43

屏幕上的弹出式窗口中央?

如何将通过javascript打开的弹出窗口对齐?window.open函数的中心屏幕变量到当前选择的屏幕分辨率?



查看完整描述

3 回答

?
慕前端131612

单/双监控功能(贷记于http://www.xtf.dk-谢谢!)

更新:由于@Frost,它还能在不超过屏幕宽度和高度的窗口上工作!

如果你在双显示器上,窗口会水平地集中,但不是垂直的.使用此函数对此进行解释。

function PopupCenter(url, title, w, h) {
    // Fixes dual-screen position                         Most browsers      Firefox
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY;

    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth :
     screen.width;
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : 
    screen.height;

    var systemZoom = width / window.screen.availWidth;var left = (width - w) / 2 / systemZoom + dualScreenLeftvar top = (height - h) / 2 /
     systemZoom + dualScreenTop    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w / systemZoom + ', height=' + 
     h / systemZoom + ', top=' + top + ', left=' + left);

    // Puts focus on the newWindow
    if (window.focus) newWindow.focus();}

用法示例:

PopupCenter('http://www.xtf.dk','xtf','900','500');

贷记如下:http:/www.xtf.dk/2011/08/Center-新-弹出窗口-偶-on.html(我只想链接到这个页面,但万一这个网站掉了,代码就在这里了,干杯!)



查看完整回答
反对 回复 2019-11-16
?
123456qqq

就像这样:

function popupwindow(url, title, w, h) {
  var left = (screen.width/2)-(w/2);
  var top = (screen.height/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);}




查看完整回答
反对 回复 2019-11-16
?
桃花长相依

资料来源:http:/www.niGraphic.com/blog/java-script/How-open-新窗口-弹出-中心屏幕

function PopupCenter(pageURL, title,w,h) {
  var left = (screen.width/2)-(w/2);
  var top = (screen.height/2)-(h/2);
  var targetWin = window.open (pageURL, 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);
  return targetWin;}



查看完整回答
反对 回复 2019-11-16

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信