博客内容

每一篇都是认真思考与总结的结晶


一个button如何让它点击后跳转到指定页面或动作

2020年03月26日   1 个评论   52 次访问   2 人点赞   夜光

一个button如何让它点击后跳转到指定页面或动作

单独添加一个链接,实现跳转:
<input type="button" value="我是一个按钮" 
οnclick="javascrtpt:window.location.href='http://blog.sina.com.cn/mleavs'">

触发一个函数跳转: <script> function jump(){ window.location.href="http://blog.sina.com.cn/mleavs"; } </script>

<input type="button" value="我是一个按钮" οnclick=javascrtpt:jump()>

其他回答

< form action="xx.html" method="post"><!--表单的action定向提交跳转-->
<input type="bottom" value="按钮">

方法有许多:

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
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标签之外的方法~

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

评论区


  •  2020年03月30日 13:43:37

    666

  • 。。  2020年03月30日 13:43:45

    666


发表评论

昵称和评论内容是必填项,邮箱选填,用来交流信息

请输入评论

请输入昵称

显示评论区

  • 。。  2020年03月30日 13:43:45

    666

  •  2020年03月30日 13:43:37

    666

  • 。。  2020年03月30日 13:42:02

    12345666

  • yubao99599  2020年03月27日 09:13:19

    非常棒

  • yubao99599  2020年03月27日 09:13:18

    非常棒



70

夜光网站

网站均来自自己课余时间所做,感谢来访

© 2019 夜光网. ALL RIGHTS RESERVED.
本站已运行 184天19小时59分19秒
THEME KRATOS MADE BY XIAOYOU MODIFIED BY XIAOYOU SITEMAP
赣ICP备19003009号