ボタンをウェブページにリンクしようとしています。これは私が持っているコードですが、ボタンをクリックしてもそのページには向いていません。あなたがタイプミスをしたブートストラップボタンをウェブページにリンクする際の問題
<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown"
<a href= "HomePage.html">
Home Page ▼ </a>
</button>
、あなたはbuttonタグの終わりに>を逃している：
<button class="btn2 btn-primary btn-lg dropdown-toggle".....toggle="dropdown">
_____________________________________________________________________________^
は、この情報がお役に立てば幸いです。
<button class="btn2 btn-primary btn-lg dropdown-toggle" type="button" id="WebPast" data-toggle="dropdown">
<a href= "HomePage.html">
Home Page ▼ </a>
</button>たぶんされますが、ボタンのタグを閉じるのを忘れているので
<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>
を<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>ボタンはあなただけ<a>代わり
ではありません
<a href="HomePage.html" class="btn2 btn-primary btn-lg dropdown-toggle" id="WebPast" data-toggle="dropdown">Home Page ▼</a>
同様に動作します。