编程 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 相关文章推荐

jquery select(列表)的操作（取值/赋值）

Aug 06 Javascript

javascript设计模式之解释器模式详解

Jun 05 Javascript

js对象基础实例分析

Jan 13 Javascript

JavaScript高级教程5.6之基本包装类型(详细)

Nov 23 Javascript

利用Vue v-model实现一个自定义的表单组件

Apr 27 Javascript

mac上node.js环境的安装测试

Jul 03 Javascript

详解vue-cli + webpack 多页面实例配置优化方法

Jul 13 Javascript

基于webpack4.X从零搭建React脚手架的方法步骤

Dec 23 Javascript

Vue 动态组件与 v-once 指令的实现

Feb 12 Javascript

vue写h5页面的方法总结

Feb 12 Javascript

使用JavaScript解析URL的方法示例

Mar 01 Javascript

vue实现在data里引入相对路径

Jun 05 Vue.js

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中看实例学正则表达式

2006/12/25 PHP

一个简单的php实现的MySQL数据浏览器

2007/03/11 PHP

php中使用preg_replace函数匹配图片并加上链接的方法

2013/02/06 PHP

有关于PHP中常见数据类型的汇总分享

2014/01/06 PHP

详解关于php的xdebug配置(编辑器vscode)

2019/01/29 PHP

tp5 实现列表数据根据状态排序

2019/10/18 PHP

js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]

2011/01/08 Javascript

解析Jquery的LigerUI如何实现文件上传

2013/07/09 Javascript

jquery给图片添加鼠标经过时的边框效果

2013/11/12 Javascript

jQuery使用after()方法在元素后面添加多项内容的方法

2015/03/26 Javascript

Javascript实现时间倒计时效果

2017/07/15 Javascript

vuejs实现本地数据的筛选分页功能思路详解

2017/11/15 Javascript

Vue+Flask实现简单的登录验证跳转的示例代码

2018/01/13 Javascript

SpringBoot+Vue 前后端合并部署的配置方法

2020/12/30 Vue.js

Python文件去除注释的方法

2015/05/25 Python

小议Python中自定义函数的可变参数的使用及注意点

2016/06/21 Python

numpy使用fromstring创建矩阵的实例

2018/06/15 Python

python 对key为时间的dict排序方法

2018/10/17 Python

使用Template格式化Python字符串的方法

2019/01/22 Python

python 中如何获取列表的索引

2019/07/02 Python

python如何删除文件中重复的字段

2019/07/16 Python

TensorFlow2.X结合OpenCV 实现手势识别功能

2020/04/08 Python

Python 实现一行输入多个数字(用空格隔开)

2020/04/29 Python

完美解决ARIMA模型中plot_acf画不出图的问题

2020/06/04 Python

python selenium 获取接口数据的实现

2020/12/07 Python

TobyDeals美国：在电子产品上获得最好的优惠和折扣

2019/08/11 全球购物

Araks官网：纽约内衣品牌

2020/10/15 全球购物

什么是java序列化，如何实现java序列化

2012/11/14 面试题

ktv中秋节活动方案

2014/01/30 职场文书

英文请假条

2014/04/11 职场文书

横空出世观后感

2015/06/09 职场文书

2015初中团委工作总结

2015/07/28 职场文书

职业规划从高考志愿专业选择开始

2019/08/08 职场文书

教你怎么用Python操作MySql数据库

2021/05/31 Python

Oracle删除归档日志及添加定时任务

2022/06/28 Oracle

SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)

2023/05/08 MySQL