编程 Javascript

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标签，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

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

- Author -

loetca

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

浅谈js的url解析函数封装

Jun 28 Javascript

JS中的数组方法笔记整理

Jul 26 Javascript

VueJs与ReactJS和AngularJS的异同点

Dec 12 Javascript

vue封装第三方插件并发布到npm的方法

Sep 25 Javascript

关于TypeScript模块导入的那些事

Jun 12 Javascript

用 js 写一个 js 解释器过程详解

Aug 02 Javascript

在vue中使用Echarts利用watch做动态数据渲染操作

Jul 20 Javascript

vue 弹出遮罩层样式实例

Jul 22 Javascript

基于JS实现计算24点算法代码实例解析

Jul 23 Javascript

vue+canvas实现拼图小游戏

Sep 18 Javascript

微信小程序实现页面左右滑动

Nov 16 Javascript

编写v-for循环的技巧汇总

Dec 01 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排序算法的复习和总结

2012/02/15 PHP

解析PHP高效率写法(详解原因)

2013/06/20 PHP

检测codeigniter脚本消耗内存情况的方法

2015/03/21 PHP

laravel 获取某个查询的查询SQL语句方法

2019/10/12 PHP

漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）

2007/04/27 Javascript

JavaScript 调试器简介

2009/02/21 Javascript

JavaScript类和继承 constructor属性

2010/03/04 Javascript

Web开发之JavaScript

2012/03/29 Javascript

JQuery操作三大控件(下拉,单选,复选)的方法

2013/08/06 Javascript

jquery二级导航内容均分的原理及实现

2013/08/13 Javascript

javascript实现自动输出文本（打字特效）

2015/08/27 Javascript

使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法

2015/09/16 Javascript

使用JQuery选择HTML遍历函数的方法

2016/09/17 Javascript

JavaScript正则表达式实例详解

2016/10/16 Javascript

js代码实现下拉菜单【推荐】

2016/12/15 Javascript

JS动态生成年份和月份实例代码

2017/02/04 Javascript

详解AngularJs路由之Ui-router-resolve（预加载）

2017/06/13 Javascript

js实现登录与注册界面

2017/11/01 Javascript

Vue页面跳转动画效果的实现方法

2018/09/23 Javascript

创建nuxt.js项目流程图解

2020/03/13 Javascript

原生JavaScript实现刮刮乐

2020/09/29 Javascript

[42:39]老党炸弹人试玩视频

2014/09/03 DOTA

[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

详细介绍Python的鸭子类型

2016/09/12 Python

完美解决在oj中Python的循环输入问题

2018/06/25 Python

Python 类，property属性(简化属性的操作)，@property，property()用法示例

2019/10/12 Python

css3的@media属性实现页面响应式布局示例代码

2014/02/10 HTML / CSS

servlet面试题

2012/08/20 面试题

海南地接欢迎词

2014/01/14 职场文书

学生出入校管理制度

2014/01/16 职场文书

高中学生干部学习的自我评价

2014/02/21 职场文书

《落花生》教学反思

2014/02/25 职场文书

马云北大演讲完整版：真心话，什么才是阿里的核心竞争力？

2014/04/04 职场文书

2014大学生中国梦主题教育学习思想汇报

2014/09/10 职场文书

基于Java的MathML转图片的方法(示例代码)

2021/06/23 Java/Android

OpenCV项目实践之停车场车位实时检测

2022/04/11 Python