简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

黄舟
풀어 주다： 2017-05-31 10:19:31
원래의
2687명이 탐색했습니다.

이 글에서는 버튼에 태그와 유사한 점프 기능을 추가하는 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，钮添，跳转功能
원천：php.cn
이전 기사：네이티브 JS를 사용하여 Ajax 샘플 코드 작성 방법 공유(모음) 다음 기사：Angularjs에서 캐러셀 명령 swiper를 사용하는 방법에 대한 코드 예제 공유
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Angular에서 버튼 클릭 시 트리 보기를 Syncfusion 문서 편집기에 통합할 수 있나요? 동기화 문서 편집기 도구 모음에 사용자 정의 버튼을 만들고 이름을 트리 보기로 지정했습니다. 내 문서 편집기에 트리 보기 기능을 추가하고 싶습니다. syncfus...
에서 2024-04-01 09:18:00
0
1
284
Javascript에서 동적으로 생성된 텍스트 편집 "소셜 미디어 댓글 섹션"을 만들고 있습니다(하단의 댓글 상자에 입력하여 자신만의 댓글을 추가할 수 있습니다.). 편집 버튼을 클릭하는 모든 댓...
에서 2024-03-31 14:17:41
0
1
364
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！