HTML中實現按鈕跳轉頁面功能

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>

 

（推薦教程：html教程）

 

方法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標簽實現頁面跳轉的三種方法 - DIVCSS5）