链接无法在新选项卡中打开

问题描述 投票:0回答:2

当我单击链接按钮时,它会在同一选项卡中打开页面。我有目标属性=“_blank”,但它不起作用。

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>AMZNindex.html</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

</head>
<body>

<h1>AMZN/index.html</h1>


<button onclick="document.location='https://finance.yahoo.com/quote/AMZN/'" target="_blank">stock price</button>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-
    MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
html
2个回答
1
投票

target="_blank"
应用于
<a></a>


如果您确实需要一个按钮,请使用

window.open
,它有第二个参数用于打开新选项卡:

<button onclick="window.open('https://google.com', '_blank');">Button</button>

0
投票

target="_blank" 属性应该放在标签内部,而不是标签本身。要在单击按钮时在新选项卡中打开链接,您可以使用 JavaScript 来实现此目的。

© www.soinside.com 2019 - 2024. All rights reserved.