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

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

王林
發布: 2020-02-27 17:59:43
轉載
5354 人瀏覽過

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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板