我可以使用<button>而不是<a>转到#location吗？

Question

我有这个代码.

<li class="active">
    <a href="#tab-weekly" data-toggle="tab">Weekly Payment</a>
</li>
<li>
    <a href="#tab-advance" data-toggle="tab">Advance Payment</a>
</li>
<li>
    <a href="#tab-data" data-toggle="tab">Expenses</a>
</li>

我的问题是,我可以使用<button>而不是<a>实现这一目标吗？我将其更改为按钮,但它们无法正常工作.

Answer 1

是.使用<button type="button" onclick="window.location.href='YOUR URL HERE'">Link Text</button>

Answer 2

不能使用href的button,但你可以使用data-href属性来做好这项工作.当button点击获取价值data-href和使用window.location.hash,以准备定位id.

$("button").click(function(){
    window.location.hash = $(this).data("href");
});

#first, #second, #third {
    height: 200px;
    border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button data-href="#first">First</button>
<button data-href="#second">Second</button>
<button data-href="#third">Third</button>

<div id="first">First</div>
<div id="second">Second</div>
<div id="third">Third</div>