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

黄舟

Lepaskan： 2017-05-31 10:19:31

asal

2758 orang telah melayarinya

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

方法

window.location.href = "要跳转的URL";

Salin selepas log masuk

或

window.location = "要跳转的URL";

Salin selepas log masuk

或

location = "要跳转的URL";

Salin selepas log masuk

示例

<!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>

Salin selepas log masuk

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

Label berkaitan：

JS，钮添，跳转功能

sumber：php.cn

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

Kenyataan Laman Web ini

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 terbaru oleh pengarang