奶爸站长 - 互联网资源收集站!

奶爸站长-互联网资源收集站

HTML中button标签点击实现页面跳转的三种方法

时间:2019-08-06 16:06来源:脚本之家 作者:佚名 点击:
方法1:使用onclick事件 1 2 input type = button value = 按钮 onclick = javascrtpt:window.location.href= http://www.baidu.com/ / 或者直接使用button标签 1 button onclick = window.location.href = https://www.baidu.com/ 百度/

方法1:使用onclick事件

1
2
<input type="button" value="按钮"
onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />

  或者直接使用button标签

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

方法2:在button标签外套一个a标签

1
2
3
    <button>百度</button>
</a>

  或使用

1
<a href="http://www.baidu.com/"><input type="button" value='百度'></a>

方法3:使用JavaScript函数

1
2
3
4
5
6
7
8
<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>

------分隔线----------------------------
栏目列表