编程 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实现无刷新DropDownList联动实现代码

Mar 08 Javascript

js实现无限级树形导航列表效果代码

Sep 23 Javascript

javascript返回顶部的按钮实现方法

Jan 09 Javascript

jQuery中on方法使用注意事项详解

Feb 15 Javascript

Javascript实现的StopWatch功能示例

Jun 13 Javascript

js实现带进度条提示的多视频上传功能

Dec 13 Javascript

vue-cli + sass 的正确打开方式图文详解

Oct 27 Javascript

基于zTree树形菜单的使用实例

Dec 25 Javascript

Angular异步变同步处理方法

Aug 13 Javascript

实例介绍JavaScript中多种组合继承

Jan 20 Javascript

ckeditor一键排版功能实现方法分析

Feb 06 Javascript

Vue.js使用axios动态获取response里的data数据操作

Sep 08 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之autoload运行机制实例分析

2014/08/28 PHP

PHP中的使用curl发送请求（GET请求和POST请求）

2017/02/08 PHP

PHP实现类似题库抽题效果

2018/08/16 PHP

Laravel 将数据表的数据导出,并生成seeds种子文件的方法

2019/10/09 PHP

Javascript 类型转换方法

2010/10/24 Javascript

TinyMCE 新增本地图片上传功能

2010/11/05 Javascript

你需要知道的10个最佳javascript开发实践小结

2012/04/15 Javascript

js中top/parent/frame概述及案例应用

2013/02/06 Javascript

关于JS判断图片是否加载完成且获取图片宽度的方法

2013/04/09 Javascript

基于jquery编写的横向自适应幻灯片切换特效的实例代码

2013/08/06 Javascript

js 跳出页面的frameset框架示例介绍

2013/12/23 Javascript

JQuery 在文档中查找指定name的元素并移除的实现方法

2016/05/19 Javascript

js中遍历Map对象的简单实例

2016/08/08 Javascript

jQuery.Ajax()的data参数类型详解

2017/07/23 jQuery

基于node搭建服务器,写接口,调接口,跨域的实例

2018/05/13 Javascript

webpack打包nodejs项目的方法

2018/09/26 NodeJs

JS函数内部属性之arguments和this实例解析

2018/10/07 Javascript

JS div匀速移动动画与变速移动动画代码实例

2019/03/26 Javascript

vue实现局部刷新的实现示例

2019/04/16 Javascript

Vue 实例事件简单示例

2019/09/19 Javascript

如何在微信小程序中存setStorage

2019/12/13 Javascript

flexible.js实现移动端rem适配方案

2020/04/07 Javascript

独特的python循环语句

2016/11/20 Python

Python批量修改图片分辨率的实例代码

2019/07/04 Python

python实现爬虫抓取小说功能示例【抓取金庸小说】

2019/08/09 Python

python requests库爬取豆瓣电视剧数据并保存到本地详解

2019/08/10 Python

使用pyshp包进行shapefile文件修改的例子

2019/12/06 Python

详解django中Template语言

2020/02/22 Python

python 发送get请求接口详解

2020/11/17 Python

史泰博(Staples)中国官方网站：办公用品一站式采购

2016/09/05 全球购物

KIKO比利时官网：意大利彩妆品牌

2017/07/23 全球购物

总经理办公室主任岗位职责

2013/11/12 职场文书

医学专业本科毕业生自我鉴定

2013/12/28 职场文书

《手指教学》反思

2014/02/14 职场文书

校本课程教学计划

2015/01/19 职场文书

个人职业生涯规划之自我评估篇

2019/09/03 职场文书