我正在使用window.open打开一个弹出窗口,如下所示:
<a href="http://path/to/url" onclick="window.open(this.href, 'sharegplus', 'height=485,width=700'); return false;" target="_blank">
我希望它在屏幕中居中,但不必使用<script> inline code </script>
而只需在onclick=""
中输入我需要的内容。可以这样做吗?
答案 0 :(得分:28)
这是一个糟糕的答案。这里可以找到更好的答案: window.open() on a multi-monitor/dual-monitor system - where does window pop up?
但与此同时,当我决定何时更新此答案时,这个小提琴会考虑双显示器设置:http://jsfiddle.net/w665x/138/
这可能适合你。对它完全是跨浏览器并不是很有信心,但是很接近;
<html>
<head>
<script type="text/javascript">
function goclicky(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);
}
</script>
</head>
<body>
<a href="http://path/to/url" onclick="goclicky(this); return false;" target="_blank">blah</a>
</body>
</html>
答案 1 :(得分:1)
你也可以尝试:
$('a.popup-window').on('click', function(){
var w = 880, h = 600,
left = Number((screen.width/2)-(w/2)), tops = Number((screen.height/2)-(h/2)),
popupWindow = window.open(this.href, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=1, copyhistory=no, width='+w+', height='+h+', top='+tops+', left='+left);
popupWindow.focus(); return false;
});
并致电:
<a href="https://google.com/" class="popup-window">Open in new window</a>
答案 2 :(得分:0)
此代码完美无缺:
//Code Starts
$(document).ready(function() {
$('#Popup').click(function() {
var NWin = window.open($(this).prop('href'), '', 'height=800,width=800');
if (window.focus)
{
NWin.focus();
}
return false;
});
});
//Code Ends
<a href="http://www.google.com/" id="Popup">Open in Popup window</a>
答案 3 :(得分:0)
此代码使用 jAplus 脚本。它允许您在不编写JavaScript代码的情况下执行此操作。 (http://japlus.simplit.it)
<head>
<script src="/path/to/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/path/to/jquery.Aplus.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<a href="http://path/to/url" class="win win-center">
</body>
</html>