HTML中button標籤點擊實現頁面跳轉的三種方法

方法1：使用onclick事件
1
2
<input type="button" value="按鈕"
onclick="javascrtpt:window.location.href='http://www.9252.com/'" />
　　或者直接使用button標籤
1
<button onclick="window.location.href = 'https://www.9252.com/'">兒童</button&gt;
方法2：在button標籤外套一個a標籤
1
2
3
<a href="http://www.9252.com/"&gt;
<button>兒童</button>
</a>
　　或使用
1
<a href="http://www.9252.com/"><input type="button" value='兒童'></a>
方法3：使用JavaScript函數
1
2
3
4
5
6
7
8
<script>
function jump(){
window.location.href="http://www.9252.com/";
}
</script>
<input type="button" value="兒童" onclick=javascrtpt:jump() />
// 或者<input type="button" value="兒童" onclick="jump()" />
// 或者<button onclick="jump()">兒童</button>
總結
以上所述是我給大家介紹的HTML中button標籤點擊實現頁面跳轉的三種方法,希望對大家有所幫助，如果大家有任何疑問請給我留言