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

使用prototype.js进行异步操作

Feb 07 Javascript

用js实现的页面关键字密度查询代码

Dec 27 Javascript

JavaScript学习笔记（十七）js 优化

Feb 04 Javascript

一个JavaScript去除字符串末尾的空白实例代码

Sep 22 Javascript

JavaScript获取图片真实大小代码实例

Sep 24 Javascript

jQuery带箭头提示框tooltips插件集锦

Nov 17 Javascript

jQuery实现可关闭固定于底（顶）部的工具条菜单效果

Nov 06 Javascript

仿iframe效果Aajx文件上传实例

Nov 18 Javascript

解决vue-router进行build无法正常显示路由页面的问题

Mar 06 Javascript

使用bootstrap实现下拉框搜索功能的实例讲解

Aug 10 Javascript

微信小程序自定义带价格显示日历效果

Dec 29 Javascript

vue input标签通用指令校验的实现

Nov 05 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