密码请求窗口不会在屏幕上居中:(

Question

我尝试在 window.open 括号中使用宽度、高度、顶部和左侧参数，但无论我做什么，Javascript 弹出通知仍然停留在左上角。

有人可以帮忙吗？

function password() {
var testV = 1;
var pass1 = prompt('Please Enter Your Password','Enter your password here');
while (testV < 3) {
if (!pass1) 
history.go(0);
if (pass1.toLowerCase() == "test") {
/*alert('You Are Successful, Click To Continue!'); */
var targetWin = window.open('');
break;
} 
testV+=1;
var pass1 = 
prompt('Access Denied - Your Password Is Incorrect, Please Try Again.','Enter your     
password here');
}
if (pass1.toLowerCase()!="password" & testV ==3) 
history.go(0);
return "";
} 

Answer 1

如果您尝试将 targetWin 居中，请尝试执行以下操作：

Assuming your targetWindow size is 485 by 700.

function openWindow(meh)
{
    var x = screen.width/2 - 700/2;
    var y = screen.height/2 - 450/2;
    window.open(meh.href, 'sharegplus','height=485,width=700,left='+x+',top='+y);
}

var targetWin = openWindow(<url>);

Answer 2

我不认为你可以。与警报一样，提示与它的位置和行为一起被连接到浏览器中。如果您想要一个可以控制的“警报”或“提示”，则必须直接使用您的 java 脚本创建一个使用 html 和 css 的 java 脚本弹出窗口。我可以建议一个像这样的jquery弹出表单： http://www.formmail-maker.com/var/demo/jquery-popup-form/popup-contact-form.html

Answer 3

“top”参数仅适用于 IE，因此它不会影响您可能定位的任何其他浏览器。对于 Chrome、Firefox、Safari、Opera，您必须找到另一种垂直对齐方式。最好的办法是结合使用 Java、HTML 和 CSS 来让它看起来像你想要的那样。

jquery 是一个不错的选择。请记住，如果有人没有在他们的计算机/设备上启用 java 脚本，它也不会正常工作。对于最具响应性的设计，您可能必须以多种方式进行编程来做同样的事情。您可以尝试使用 jquery 和 Jose 发布的代码，看看它在多个浏览器中是如何工作的。