button点击跳转页面

最新推荐文章于 2023-11-04 00:15:26 发布

于飞SEO

最新推荐文章于 2023-11-04 00:15:26 发布

阅读量4.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：站长技术交流

本文部分内容来源于网络，转载请注明来源，如需删除/投诉请联系我们906270629@qq.com

本文链接：https://blog.youkuaiyun.com/q906270629/article/details/118410774

站长技术交流专栏收录该内容

235 篇文章

订阅专栏

本文介绍了两种实现网页跳转的方法：一是将button嵌套在a标签中，二是利用button的onclick属性结合JavaScript。同时提到了低版本浏览器可能不支持非a标签的跳转方式，并给出了示例代码。对于需要在按钮点击后跳转的场景，提供了实用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.【使用a标签】a标签的超链接可以直接嵌套一个button，这时候可以得到：

< a  href = "https://www.baidu.com/" >
     < button >点我跳转到度娘！</ button >
</ a >

2.【使用onclick属性】在button标签中加上onclick属性，赋值为Javascript即可：

< button  onclick = "window.location.href = 'https://www.baidu.com/'" >
     找度娘玩耍～
</ button >

3.【使用Javascript绑定】用DOM操作绑定事件监听：

var  btnElement = document.getElementsByTagName( 'button' )[0]; //第一个button元素
btnElement.addEventListener( 'click' ,b);
function  b(){
     window.location.href =  "" ; //跳转
     function (); //执行其他函数
}
/*
btnElement.click = function(){
     window.location.href = "";//跳转
     function();//执行其他函数
}
===～等价于上面的第二行和第三行～===
*/

【注意】部分低版本浏览器不支持除了a标签之外的方法～

< a href = "路径" >< input type = "button" ></ input ></ a >
在按钮外面扩一个a标签就好了