当我单击链接按钮时,它会在同一选项卡中打开页面。我有目标属性=“_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>
target="_blank"
应用于 <a></a>
。
如果您确实需要一个按钮,请使用
window.open
,它有第二个参数用于打开新选项卡:
<button onclick="window.open('https://google.com', '_blank');">Button</button>
target="_blank" 属性应该放在标签内部,而不是标签本身。要在单击按钮时在新选项卡中打开链接,您可以使用 JavaScript 来实现此目的。