javascript - 如何在新选项卡中打开新页面并重定向当前页面-6ren

javascript - 如何在新选项卡中打开新页面并重定向当前页面

转载作者：行者123 更新时间：2023-12-01 03:54:59

新选项卡运行良好，但由于某些原因，当前页面未重定向(changeLocation() 中的 window.location 不起作用)

每次点击按钮时，函数changeLocation()都会调用成功，但位置不会改变。

基本上，由于表单提交，window.location 似乎不起作用(尽管我使用 target="_blank")。但是，如果我在 window.location 之后添加 return false 函数，我将无法在更改位置后提交表单(因为我已经在另一个页面上)，并且在更改位置之前也无法提交。

这有可能让它以某种方式工作吗？谢谢。

function changeLocation (){
  window.location = "http://bing.com";
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>EXAMPLE</title>
</head>
<body>
<form action="https://google.com" target="_blank">
  <input type="text">
  <button onclick="changeLocation()">Submit</button>
</form>
</body>
</html>

最佳答案

此代码适用于 Firefox

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>EXAMPLE</title>
  <script type="text/javascript">
      function changeLocation (){
  window.location = "http://bing.com";
      }
  </script>
</head>
<body>
<form action="https://google.com" target="_blank">
  <input type="text">
  <button onclick="changeLocation()">Submit</button>
</form>
</body>
</html>