Fatal编程技术网

Javascript打开新窗口

javascript html

Javascript打开新窗口,javascript,html,Javascript,Html,很抱歉，如果以前有人问过这个问题 我只是对我的代码很好奇： function showPopup(file,wdth,hght) { //height = 768 width = 1024 var w = wdth; var h = hght; var winWidth = w+'px'; var winHeight = h+'px'; var winTop = (screen.height/2)-(h/2); var winLeft = (screen.width/2)-(w/2); wi

很抱歉，如果以前有人问过这个问题

我只是对我的代码很好奇：

function showPopup(file,wdth,hght) {
//height = 768 width = 1024
var w = wdth;
var h = hght;

var winWidth = w+'px';
var winHeight = h+'px';
var winTop = (screen.height/2)-(h/2);
var winLeft = (screen.width/2)-(w/2);

window.open(file,'Upload','top='+winTop+',left='+winLeft+',width='+winWidth+',height='+winHeight+',toolbar=1,resizeable=1,statusbar=1,scrollbar=1,location=1, fullscreen=1');
}

然后我用HTML运行它：

<input type="button" onClick="showPopup('preview.php', '1000', '1000')" value="Priview">
打开的窗口仍然没有工具栏、状态栏、滚动条等，正如我在函数中设置的那样

有人帮帮我我的代码怎么了？Thx



<html>
        <head>
                <title>Test Website</title>
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
                <script>
                        function showPopup(file,wdth,hght) {
                        //height = 768 width = 1024
                        var w = wdth;
                        var h = hght;

                        var winWidth = w;
                        var winHeight = h;
                        var winTop = (screen.height/2)-(h/2);
                        var winLeft = (screen.width/2)-(w/2);
                        window.open(file,'Upload','top='+winTop+',left='+winLeft+',width='+winWidth+',height='+winHeight+',toolbar=1,resizeable=1,statusbar=1,scrollbar=1,location=1, fullscreen=1');
                        }
                </script>
        </head>
<body>

        <input type="button" onClick="showPopup('preview.php', '500', '500')" value="Priview">


</body>
</html>


测试网站
功能显示弹出窗口（文件、wdth、hght）{
//高度=768宽度=1024
var w=wdth；
var h=hght；
var-winWidth=w；
var-winHeight=h；
变量winTop=（屏幕高度/2）-（h/2）；
var winLeft=（屏幕宽度/2）-（w/2）；
打开（文件，'Upload'，'top='+winTop+'，left='+winLeft+'，width='+winWidth+'，height='+winHeight+'，toolbar=1，resizeable=1，statusbar=1，scrollbar=1，location=1，fullscreen=1'）；
}
第二个参数（'name'）是“Upload”-它应该是“blank”

或此处提到的其他支持值之一：

Paul Calabro也是对的，您不需要“px”单元。

添加console.log（'top='+winTop+'，left='+winLeft+'，width='+winWidth+'，height='+winHeight+'，toolbar=1，resizeable=1，statusbar=1，scrollbar=1，location=1，fullscreen=1'），并向我们展示弹出的内容。对不起，Joe，您指的是console.log？如果你是指错误日志，它不会给出任何错误。如果你使用的是Chrome，点击F12的控制台。在Firefox中，某个地方有一个检查器<代码>控制台。日志将输出到该控制台。按F12只显示CSS，我无法从控制台中执行任何操作，我已尝试删除所有CSS，以确保其不受样式影响。不幸的是，它不起作用。然而，我发现了一些问题，由于这个问题。最后，我用css做了一个简化（技巧）来显示滚动条（尽管我知道这不是一个有效的解决方案）。实际上我只需要滚动条。谢谢你，保罗。。我已经尝试从单元中删除“px”，并尝试按照您的代码进行操作，但它不起作用。我的错误代码到底在哪里？让我沮丧地求助。上面的代码（编辑）对我来说非常适合！（在FF和Chrome中测试）刚刚在另一篇SO帖子中找到了以下公认的答案：不幸的是，Chrome在使用window.open时只支持一小部分窗口功能。如果您认为这是一个bug或问题，您可以将其提交到。（）刚刚在一篇相关的SO帖子中找到了FF的这个：应该这样做：window.open（“，”name“，”scrollbars=1，width=100，height=100”）；但请注意，Firefox仅在内容大于窗口时才会显示滚动条。要强制Firefox始终显示滚动条（就像Internet Explorer一样），您需要在弹出窗口中显示的HTML的样式表中显示以下内容：HTML{overflow:-moz scrollbars vertical；}（）（）另一篇文章说FF禁用了调整状态栏：。。。老实说，对于这一点，跨浏览器支持似乎有点不确定。