带有内部html的Javascript弹出窗口未打开_Javascript_Html_Css

带有内部html的Javascript弹出窗口未打开

javascript html css

带有内部html的Javascript弹出窗口未打开,javascript,html,css,Javascript,Html,Css,我的javascript弹出窗口不显示任何内容。它甚至没有打开。通过为tictactoe.html页面创建div id（mainBody），我在javascript弹出窗口中编写了innerHTML 打开弹出窗口的按钮的HTML代码： <input type="image" id="buttonimage2" alt="game2" src="canon.png" onclick="newWi

我的javascript弹出窗口不显示任何内容。它甚至没有打开。通过为tictactoe.html页面创建div id（mainBody），我在javascript弹出窗口中编写了innerHTML

打开弹出窗口的按钮的HTML代码：

<input type="image" id="buttonimage2" alt="game2"
    src="canon.png" onclick="newWindow();">

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="game.js"></script>
  </head>

  <body id="mainBody" >

Javascript:

{
     var newWindow = window.open("tictactoe.html", "myWindow", "width=500,height=700,status=yes,toolbar=no,menubar=no,location=no"); 
     newWindow.focus();
     newWindow.onload = function(){
      let content = "<button class='btn btn-primary' onclick='window.print();'>Confirm</button>";
      newWindow.document.getElementById('mainBody').innerHTML = content;
     } 
     newWindow.window.close();
  }

{
var newWindow=window.open（“tictactoe.html”、“myWindow”、“宽度=500、高度=700、状态=yes、工具栏=no、菜单栏=no、位置=no”）；
newWindow.focus（）；
newWindow.onload=函数（）{
让content=“确认”；
newWindow.document.getElementById（'mainBody'）。innerHTML=content；
} 
newWindow.window.close（）；
}

应在弹出窗口中显示的TictaToe页面的HTML代码：

<input type="image" id="buttonimage2" alt="game2"
    src="canon.png" onclick="newWindow();">

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="game.js"></script>
  </head>

  <body id="mainBody" >

应该提到的是，我的html主页背景是一个视频，我已经将所有元素的位置设置为绝对位置。

是否为页面启用了弹出窗口？omnibar的右边通常有一个图标。@Ouroborus是的，我有