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

方法1：使用onclick事件

1

2

<input type=”button” value=”按钮”

onclick=”javascrtpt:window.location.href=‘
http://www.9252.com/‘” />

　　或者直接使用button标签

1

<button onclick=”window.location.href = ‘
https://www.9252.com/‘”>儿童</button>;

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

1

2

3

<a href=”
http://www.9252.com/”>;

<button>儿童</button>

</a>

　　或使用

1

<a href=”
http://www.9252.com/”><input type=”button” value=‘儿童‘></a>

方法3：使用JavaScript函数

1

2

3

4

5

6

7

8

<script>

function jump(){

window.location.href=”
http://www.9252.com/“;

}

</script>

<input type=”button” value=”儿童” onclick=javascrtpt:jump() />

// 或者<input type=”button” value=”儿童” onclick=”jump()” />

// 或者<button onclick=”jump()”>儿童</button>

总结

以上所述是我给大家介绍的HTML中button标签点击实现页面跳转的三种方法,希望对大家有所帮助，如果大家有任何疑问请给我留言