Button 引导按钮href不工作

有人能解释一下为什么我的链接不起作用吗

立即获取您的免费报价内联Javascript：

<button onclick="window.location='http://www.example.com';">Visit Page Now</button>

<script> function visitPage(){ window.location='http://www.example.com'; } </script> <button onclick="visitPage();">Visit Page Now</button>

立即访问页面

在Javascript中定义函数：

<button onclick="window.location='http://www.example.com';">Visit Page Now</button>

<script> function visitPage(){ window.location='http://www.example.com'; } </script> <button onclick="visitPage();">Visit Page Now</button>

function visitPage（）{window.location='1http://www.example.com“；}现在请访问第页

或者在Jquery中

<button id="some_id">Visit Page Now</button> $('#some_id').click(function() { window.location='http://www.example.com'; });

立即访问页面$（'some#u id'）。单击（function（）{window.location=）http://www.example.com'; });

在Bootstrap中

<button type="button" class="btn btn-primary" onclick="window.location='http://www.example.com';">Get your Free Quote now!</button>

立即获取您的免费报价！
您可以执行以下操作：它工作正常

<a href="#"><button type="button" class="btn btn-primary">Get your Free Quote now!</button></a>



按钮的设计风格保持不变。
正确的方法是使用按钮类别

<a href="https://www.google.com" class="btn btn-primary">Get your Free Quote now!</a>



小提琴示例：

虽然问题是为什么href不能与按钮一起使用，但这是解决href不能使用问题的更好方法。