Javascript 如何在单击一个按钮时打开新窗口？_Javascript

Javascript 如何在单击一个按钮时打开新窗口？

javascript

Javascript 如何在单击一个按钮时打开新窗口？,javascript,Javascript,我正在学习javascript，我正在使用visual studio代码和node.js。我想创建一个记录器，当按下按钮时，我需要打开一个新窗口，我真的想学习如何才能做到这一点。当我按下按钮而什么也没发生时，我有这个代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Fondo-Imagen</title> <l

我正在学习javascript，我正在使用visual studio代码和node.js。我想创建一个记录器，当按下按钮时，我需要打开一个新窗口，我真的想学习如何才能做到这一点。当我按下按钮而什么也没发生时，我有这个代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <title>Fondo-Imagen</title>
  <link rel="stylesheet" href="estilo.css">
</head>
 <body>
    <div class="signin">
      <form>
        <h2 style="color:rgb(177, 114, 63)"> Log In</h2>
        <input type="text" name = "rol" placeholder="Rol" style="color:rgb(177, 114, 63)">
        <input type="text" name = "username" placeholder="Username" style="color:rgb(177, 114, 63)">
        <input type="password" name = "pass" placeholder="Password" style="color:rgb(177, 114, 63)"> 
        <br><br>
        <button href=""><input type="button" style="color:rgb(177, 114, 63); background-color: 
         white;" value="Log In"></button><br>
        <br>
        <div id="container">
           <a href="#" style="color:rgb(177, 114, 63); margin-right:0px; font-size: 13px; 
            font-family: Tahoma, Geneva, sans-serif;">Reset password</a>

        </div><br><br><br><br><br><br>
        <a href="#" style="color:rgb(177, 114, 63)">&nbsp; Sing Up</a>

      </form>
    </div>
    <script>
      let button= document.querySelector('button');
      button.addEventListener('click', (ev)=>{

       let ref= window.open('new.html','lobby',options);
       });
    </script>
 </body>
</html>


丰多图像
登录














let button=document.querySelector（'button'）；
按钮。addEventListener（'单击'，（ev）=>{
let ref=window.open（'new.html'，'lobble'，options）；
});

上面的代码将帮助您打开一个空白的新选项卡。

实现这一点的方法有很多，下面是一些技巧：

<button onclick="window.open('https://www.our-url.com')" id="myButton" class="btn request-callback" >Explore More  </button>

探索更多

您也可以使用锚定标记而不是按钮来执行此操作，因为href不是按钮标记的属性，如下所示：

<a href="new.html" target="_blank"><input type="button" style="color:rgb(177, 114, 63); background-color:  white;" value="Log In"></a><br>

或者你也可以这样做：试试这个。这将在单击时导航到链接

<button onclick="window.location.href='http://www.stackoverflow.com'">click me</button>

点击我

您需要弹出窗口还是新选项卡？如果您需要一个弹出窗口，您可以使用带有jquery的模式，或者在html中创建一个隐藏的div，然后单击remove class hidden with Javascript。如果您想在新选项卡中打开，只需添加

，我认为最好将原始选项卡重定向到另一个URL。谢谢，这打开了一个新窗口，但我收到以下消息：“无法获取/new.html”使用锚定标记是一个更好的主意

<button onclick="window.location.href='http://www.stackoverflow.com'">click me</button>