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几个不错的函数 $$()
Oct 09 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
JavaScript按位运算符的应用简析
Feb 04 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
JS实现保留n位小数的四舍五入问题示例
Aug 03 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
JS获取当前时间戳方法解析
Aug 29 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 socket方式提交的post详解
2008/07/19 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
php cookie 详解使用实例
2016/11/03 PHP
php实现简单加入购物车功能
2017/03/07 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
canvas实现流星雨的背景效果
2017/01/13 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
饿了么订餐官网:外卖、网上订餐
2019/06/28 全球购物
如何强制垃圾回收
2015/10/06 面试题
找工作最新求职信
2013/12/22 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
爱国电影观后感
2015/06/19 职场文书
单位病假条范文
2015/08/17 职场文书
礼貌问候语大全
2015/11/10 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript