JS给按钮添加跳转功能类似a标签


Posted in Javascript onMay 30, 2017

方法

window.location.href = "要跳转的URL";

window.location = "要跳转的URL";

location = "要跳转的URL";

示例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>给按钮添加跳转功能【类似a标签】</title>
    <script type="text/javascript">
      window.onload = function(){
        document.getElementById("btn").onclick = function(){
          // window.location.href = "https://www.baidu.com/";
          // window.location = "https://www.baidu.com/";
          location = "https://www.baidu.com/";
        };
      };
    </script>
  </head>
  <body>
    <input id="btn" type="button" value="百度一下,你就知道" />
  </body>
</html>

以上所述是小编给大家介绍的JS给按钮添加跳转功能类似a标签,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
js 模拟气泡屏保效果代码
Jul 10 Javascript
js几秒以后倒计时跳转示例
Dec 26 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
关于Jquery中的事件绑定总结
Oct 26 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
jQuery异步提交表单实例
May 30 #jQuery
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 #Javascript
Angularjs中使用轮播图指令swiper
May 30 #Javascript
AngularJS路由Ui-router模块用法示例
May 29 #Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 #Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 #Javascript
Angular2使用jQuery的方法教程
May 28 #jQuery
You might like
php&amp;mysql 日期操作小记
2012/02/27 PHP
解析php中const与define的应用区别
2013/06/18 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
javascript实现列表滚动的方法
2015/07/30 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
vue-router单页面路由
2017/06/17 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
2018/07/06 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[04:10]2016国际邀请赛中国区预选赛第二日TOP10精彩集锦
2016/06/28 DOTA
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
Python对称的二叉树多种思路实现方法
2020/02/28 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
使用pygame实现垃圾分类小游戏功能(已获校级二等奖)
2020/07/23 Python
Python执行时间的几种计算方法
2020/07/31 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
技术副厂长岗位职责
2013/12/26 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
违章停车检讨书
2014/10/21 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
MySQL查询日期时间
2022/05/15 MySQL