집 >웹 프론트엔드 >JS 튜토리얼 >JS를 사용하여 버튼에 점프 기능을 추가하는 방법(태그와 유사)

JS를 사용하여 버튼에 점프 기능을 추가하는 방법(태그와 유사)

黄舟원래의: 2017-05-31 10:19:312782검색

이 글에서는 버튼에 태그와 유사한 점프 기능을 추가하는 JS를 주로 소개합니다. 필요한 친구들은

메소드

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

또는

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

또는

location = "要跳转的URL";

example

<!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를 사용하여 버튼에 점프 기능을 추가하는 방법(태그와 유사)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：네이티브 JS를 사용하여 Ajax 샘플 코드 작성 방법 공유(모음)다음 기사：네이티브 JS를 사용하여 Ajax 샘플 코드 작성 방법 공유(모음)