Javascript单独的游戏窗口

Javascript separate window for games

本文关键字：窗口 游戏 单独 Javascript      更新时间：2023-09-26

我是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链接或在自己一侧测试代码之前，在浏览器中禁用Popup Blockers扩展，如Ads Blocker等。。！

测试结果：

  • 在Chrome中打开一个新窗口（即使保持广告阻止程序打开）
  • 在Microsoft Edge中打开新窗口
  • 在Firefox中打开新选项卡

您可以尝试：

 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>
相关文章：