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>
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM