gpt4 book ai didi

游戏的 Javascript 单独窗口

转载 作者:行者123 更新时间:2023-11-30 09:49:28 25 4
gpt4 key购买 nike

我是 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com