如何使用JS给按钮添加跳转功能（类似a标签）

黄舟原创: 2017-05-31 10:19:31 2086浏览

这篇文章主要介绍了JS给按钮添加跳转功能类似a标签,需要的朋友可以参考下

方法

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标签）的详细内容，更多请关注php中文网其它相关文章！

JS，钮添，跳转功能 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：如何使用原生JS编写ajax的示例代码分享(收藏) 下一条：Angularjs中如何使用轮播图指令swiper的代码实例分享