HTML点击按钮button跳转页面的四种方法
发布时间:2023-06-27 16:08:00 作者:圆圆01
我要评论
![](/skin/2018/images/text-message.png)
这篇文章主要介绍了HTML点击按钮button跳转页面的四种方法,每种方法结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
其实我比较喜欢第一种方法
1 | < button onclick = "window.location.href='../routeEdit/index.html'" type = "button" id = "add" >新增</ button > |
正文
方法一:在button标签中加上onclick属性,赋值为Javascript
1 2 3 | < input type = "button" onclick = 'location.href=("index.aspx")' />//在本页面打开 < input type = "button" onclick = 'window.open("bedzhao.aspx")' />//打开新页面 < button onclick = "window.location.href='../routeEdit/index.html'" type = "button" id = "add" >新增</ button > |
方法二:触发一个函数跳转
1 2 3 4 5 6 | <script> function jump(){ window.location.href= "http://blog.sina.com.cn/mleavs" ; } </script> <input type= "button" value= "我是一个按钮" οnclick=javascript:jump()> |
方法三:a标签的超链接可以直接嵌套一个button
方法四:表单的action定向提交跳转
还有其他方法,有些方法一些浏览器可能会不支持。
结尾
到此这篇关于HTML点击按钮button跳转页面的几种实现方法的文章就介绍到这了,更多相关html点击按钮跳转页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章
- 这篇文章主要介绍了html页面点击按钮实现页面跳转功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-13
最新评论