html中通過點擊button標簽實現(xiàn)頁面跳轉(zhuǎn)的方法有哪些

發(fā)布時間：2022-03-02 13:49:37 來源：億速云閱讀：300 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“html中通過點擊button標簽實現(xiàn)頁面跳轉(zhuǎn)的方法有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html中通過點擊button標簽實現(xiàn)頁面跳轉(zhuǎn)的方法有哪些”吧!

　　方法1：使用onclick事件

　　<inputtype="button"value="按鈕"

　　onclick="javascrtpt:window.location.href='http://www.baidu.com/'"/>

　　或者直接使用button標簽

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

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

　　<ahref="http://www.baidu.com/">

　　</a>

　　或使用

　　<ahref="http://www.baidu.com/"><inputtype="button"value='百度'></a>

　　方法3：使用JavaScript函數(shù)

　　functionjump(){

　　window.location.href="http://www.baidu.com/";

　　}

　　</script>

　　<inputtype="button"value="百度"onclick=javascrtpt:jump()/>

　　//或者<inputtype="button"value="百度"onclick="jump()"/>

　　//或者<buttononclick="jump()">百度</button>

到此，相信大家對“html中通過點擊button標簽實現(xiàn)頁面跳轉(zhuǎn)的方法有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！

向AI問一下細節(jié)

猜你喜歡