HTML中button标签点击实现页面跳转
2024-10-21 06:41:35
方法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>
方法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>
最新文章
- 安卓自定义View(一)自定义控件属性
- [刘阳Java]_MyBatis_动态SQL标签用法_第7讲
- ios学习笔记
- JavaScript事件大全3
- 如何让SQLPLUS实现带日期的时间戳
- lintcode: 堆化
- Android L Ripple的使用
- Android Handler值传递(文)
- javascript中substring和substr方法
- Chrome 控制台实用指南【转】
- 大约linux的几个问题,你能回答几个?--回复14-20称号
- SNF快速开发平台MVC-自由排序组件
- 微信小程序——豆瓣电影——(1):基础入门
- 20155321 《网络攻防》 Exp1 PC平台逆向破解(5)M
- ab命令压力测试
- 基于Spark的FPGrowth算法的运用
- Python next() 函数
- javascript全局方法与变量
- 问题解决Determine IP information for eth0.. no link present check cable
- VIM正则表达式查找替换