首頁 >web前端 >html教學 >html中點選button標籤實現頁面跳轉的三種方法

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

王林
王林轉載
2020-02-27 17:59:435336瀏覽

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

方法1:使用onclick事件

<input type="button" value="按钮"
onclick="javascrtpt:window.location.href=&#39;http://www.baidu.com/&#39;" />

或直接使用button標籤

<button onclick="window.location.href = &#39;https://www.baidu.com/&#39;">百度</button>

(推薦教學:html教學

方法2:在button標籤外套一個a標籤

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

或使用

<a href="http://www.baidu.com/"><input type="button" value=&#39;百度&#39;></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>

更多程式設計相關內容,請關注php中文網程式設計入門欄位!   

以上是html中點選button標籤實現頁面跳轉的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除