本篇文章和大家了解一下html中如何通過點擊button標簽實現頁面跳轉。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名申請、網站空間、營銷軟件、網站建設、門頭溝網站維護、網站推廣。

方法1：使用onclick事件

<input type="button" value="按鈕"
onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />

或者直接使用button標簽

<button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>

方法2：在button標簽外套一個a標簽

<a href="http://www.baidu.com/">
    <button>百度</button>
</a>

或使用

<a href="http://www.baidu.com/"><input type="button" value='百度'></a>

方法3：使用JavaScript函數

<script>
function jump(){
 window.location.href="http://www.baidu.com/";
}
</script>
<input type="button" value="百度" onclick=javascrtpt:jump() />
// 或者<input type="button" value="百度" onclick="jump()" />
// 或者<button onclick="jump()">百度</button>

以上就是html中如何通過點擊button標簽實現頁面跳轉的簡略介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注創新互聯網站制作公司行業資訊頻道哦！

標題名稱：html中如何通過點擊button標簽實現頁面跳轉-創新互聯
標題路徑：http://vcdvsql.cn/article36/ddgjsg.html

成都網站建設公司_創新互聯，為您提供自適應網站、面包屑導航、企業建站、搜索引擎優化、移動網站建設、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯