cari

Rumah  >  Artikel  >  hujung hadapan web  >  如何使用JS给按钮添加跳转功能（类似a标签）

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

黄舟
黄舟asal
2017-05-31 10:19:312748semak imbas

这篇文章主要介绍了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>

Atas ialah kandungan terperinci 如何使用JS给按钮添加跳转功能（类似a标签）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用原生JS编写ajax的示例代码分享(收藏)Artikel seterusnya：Angularjs中如何使用轮播图指令swiper的代码实例分享

Artikel berkaitan

Lihat lagi