Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript到中心弹出窗口_Javascript_Jquery - Fatal编程技术网

Javascript到中心弹出窗口

Javascript到中心弹出窗口,javascript,jquery,Javascript,Jquery,我需要打开一个以屏幕为中心的弹出窗口。工作正常,但是我不能在链接/按钮上有onclick属性 我创造了,谁能帮我把两者结合起来 // find elements var button = $("button") // handle click button.on("click", function(){ var left = ($(window).width()/2)-(500/2), top = ($(window).height()/2)-(700/2), po

我需要打开一个以屏幕为中心的弹出窗口。工作正常,但是我不能在链接/按钮上有onclick属性

我创造了,谁能帮我把两者结合起来

// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
})

你的代码运行得很好。请注意,示例中的$window引用了结果iframe

在jsfiddle上,无法从iframe内部计算完整窗口大小,因为它位于另一个域jsfiddle.net vs fiddle.jshell.net上。退房

看看这个


实际上,看起来您并没有使用链接文章中的代码。最接近您的简单版本使用屏幕属性。只需从内部按钮单击函数调用PopupCenterurl、title、w、h函数,并在此函数中传递计算值。
// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
});