Javascript单独的窗口游戏

我是JavaScript新来的，想试试在一个新窗口中尝试和猜谜游戏，就像他们在http://www.lutanho.net/stroke/online.html一样。我不明白它是如何在自己的独立窗口中打开的？我想把它写在一个.js文件中，并将它附加到一个index.html文件中，所以当我点击h ref时它会打开那个窗口。继承人我的代码：Javascript单独的窗口游戏

<head> 
<title>Caelan Bacon</title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
     <script type="text/javascript" src="rockPaperScissors.js"></script> 
     <script type="text/javascript" src="delayedAlert.js"></script> 
     <script type="text/javascript" src="RockSpock.js"></script> 
     <script type="text/javascript" src="realTime.js"></script> 
     <script type="text/javascript" src="caelansGame.js"></script> 
</head> 
<body> 

<div class="dropdown"> 
<button class="dropbtn">JavaScript</button> 
<div class="dropdown-content"> 
    <a href="#" onclick="delayedAlert()">Delayed Alert</a> 
    <a href="#" onclick="rockPaperScissors()">rock, paper, scissors</a> 
    <a href="#" onclick="RockSpock()">Rock Spock</a> 
    <a href="#" onclick="realTime()">Real Time</a> 
    <a href="#" onclick="window.open('caelansGame.js')">New Window</a> 
</div>

，然后在我的js文件...

var newWindow = window.open('','preview','width=600,height=500'); 

function setup { 
    prompt ="Que pasa?" 
    };

caelansGame.js是一个我想打开一个新的窗口，在那里我可以在该窗口中有警报

来源

2016-05-14 Bacon

到目前为止你做了什么？你能告诉我们吗？ –

这里正是你如何能做到这一点：

BY使用：

window.open(url, windowName, "height=200,width=200");

样本的工作代码：

<button id="check">Open Window</button> 

<script type="text/javascript"> 
var myElement = document.getElementById("check"); 
myElement.onclick = function() { 
window.open("http://www.google.com/", "MyWindow", "height=200,width=200"); 
}; 
</script>

现场演示：https://jsfiddle.net/so8xeg43/

注：为了检查我建议禁用您的弹出式窗口拦截扩展像广告拦截等，在参观的jsfiddle链接或测试代码在自己的一侧之前，你的浏览器..！

测试结果：

打开Chrome浏览器（即使同时保持广告拦截器打开）
打开Microsoft边缘一个新的窗口
在Firefox

来源

2016-05-14 01:22:40

您可以尝试：

window.open("http://yourUrl", "_blank", "width=600,height=500")

或者你可以使用这个脚本：

<button onclick="myFunction()">Try it</button> 

    <script> 
    function myFunction() { 
     window.open("http://yourUrl"); //Opens in separate window 
    } 
    </script>

来源

2016-05-14 00:56:37 praguan

我并不是试图打开一个新标签页（safari），我试图打开一个新窗口。 – Bacon

@Bacon，我编辑了我的解决方案 – praguan

没有打开一个新窗口，它打开一个新标签..！ –

Javascript单独的窗口游戏

回答

相关问题