我是 JavaScript 的新手，想尝试在新窗口中制作一个猜词游戏，就像他们在 http://www.lutanho.net/stroke/online.html 上所做的那样。 .我不明白它是如何在自己单独的窗口中打开的？我想将其写入 .js 文件并将其附加到 index.html 文件，因此当我单击 h ref 时，它会打开该窗口。 这是我的代码:
<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 是我想打开一个新窗口的那个，我可以在该窗口中收到警报
最佳答案
这里是你如何做到的:
通过使用:
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 Edge 中打开一个新窗口
- 在 Firefox 中打开一个新标签
关于游戏的 Javascript 单独窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37221295/