相关文章推荐
飘逸的火锅  ·  降落时起火烧毁,致41人遇难的俄航客机是什么机型?·  2 月前    · 
没有腹肌的香菇  ·  这种水果吃起来很甜,血糖负荷却很低,糖尿病人 ...·  3 月前    · 
读研的木耳  ·  中考分数线 - 知乎·  2 年前    · 
豪情万千的麻辣香锅  ·  rsa-oaep-256 ...·  2 年前    · 
很酷的山楂  ·  【英语知识】12的英文怎么读语音 | 阿卡索外教网·  2 年前    · 
Code  ›  HTML点击按钮button跳转页面的几种实现方法开发者社区
按钮 程序员
https://cloud.tencent.com/developer/article/2146896
老实的水龙头
1 年前
全栈程序员站长

HTML点击按钮button跳转页面的几种实现方法

腾讯云
开发者社区
文档 建议反馈 控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
全栈程序员站长
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
社区首页 > 专栏 > HTML点击按钮button跳转页面的几种实现方法

HTML点击按钮button跳转页面的几种实现方法

作者头像
全栈程序员站长
发布 于 2022-11-01 10:29:28
12.6K 0
发布 于 2022-11-01 10:29:28
举报
文章被收录于专栏: 全栈程序员必看 全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

其实我比较喜欢第一种方法

<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">新增</button>

正文

方法一 :在button标签中加上onclick属性,赋值为Javascript

<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>

方法二 :触发一个函数跳转

<script>
    function jump(){ 
        window.location.href="http://blog.sina.com.cn/mleavs";
 
推荐文章
飘逸的火锅  ·  降落时起火烧毁,致41人遇难的俄航客机是什么机型?
2 月前
没有腹肌的香菇  ·  这种水果吃起来很甜,血糖负荷却很低,糖尿病人也能吃_其他信息_卫生健康_安溪县人民政府
3 月前
读研的木耳  ·  中考分数线 - 知乎
2 年前
豪情万千的麻辣香锅  ·  rsa-oaep-256 javascript-掘金
2 年前
很酷的山楂  ·  【英语知识】12的英文怎么读语音 | 阿卡索外教网
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号