在javascript弹出窗口上创建html游戏

时间:2020-10-29 19:21:42

标签: javascript html

我正在尝试在弹出窗口中创建一个html游戏。当用户单击按钮时,他们应该能够在弹出的javascript窗口上查看游戏,对此的另一个非正式名称可能是游戏中的游戏。 我的代码如下:

HTML-

<input type="image" id="buttonimage1" alt="game1"
    src="canon.png" onclick="openWindow();">

JavaScript

function openWindow()
 {
    newWindow = window.open("", null, "height=300,width=500,status=yes,toolbar=no,menubar=no,location=no");   
}

我想在弹出窗口中实现此网站https://embed.plnkr.co/plunk/NAOYuT上提供的tictactoe(XandO)的html js游戏代码。我是否将其包括为新的div并将其添加到openWindow的html代码中?还是有其他方法可以做到?

1 个答案:

答案 0 :(得分:0)

因此,我通过innerHTML找出了答案,如下所示:

newWindow.document.body.innerHTML = "HTML";

另一种方法是:

newWindow.document.write();

这是到stackoverflow上的帖子的链接,该链接详细解释了document.write:Open window in JavaScript with HTML inserted

相关问题