Question

我正在尝试将按钮链接到网页。这是我的代码，但是当我点击按钮时，它不会指向该页面。

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown"
<a href= "HomePage.html">    
  Home Page ▼ </a>
</button>

Answer 1

你有一个错字，你在OnCustomDrawCell标记的末尾遗漏了>：

button

希望这有帮助。

<button class="btn2 btn-primary btn-lg dropdown-toggle".....toggle="dropdown">
_____________________________________________________________________________^

Answer 2

也许是因为你忘了关闭按钮标签

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown" <!-- ?? Where is your ">" ??-->

试试这个：

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown">
      <a href= "HomePage.html">Home Page</a>
</button>

Answer 3

您的问题不与<button>上的拼写错误有关。我已经测试了你的代码，但它确实不起作用。实际上，您的按钮会包裹您的链接，因此当您单击该按钮时，不会在<a>元素上触发默认的单击事件。如果您想保留此HTML结构，可以使用JavaScript使其工作：

document.getElementById('WebPast').addEventListener('click', handler, true);

function handler(e) {
  location.href = e.target.children[0].href;
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Demo</title>
</head>
<body>
  <button class="btn2 btn-primary btn-lg dropdown-toggle" type="button" id="WebPast" data-toggle="dropdown">
    <a href="http://stackoverflow.com">Home Page ▼</a>
  </button>
</body>
</html>

Answer 4

按钮不是链接

您只能使用<a>代替

<a href="HomePage.html" class="btn2 btn-primary btn-lg dropdown-toggle" id="WebPast" data-toggle="dropdown">Home Page ▼</a>

同样有效：）

将引导按钮链接到网页时出现问题

4 个答案: