방법: 1. 점프할 버튼 요소에 "onclick="location.href='url'"" 문을 추가합니다. 2. 먼저 클릭 이벤트를 버튼 요소에 바인딩한 다음 클릭 이벤트가 트리거될 때 실행될 함수를 지정합니다. 마지막으로 실행 함수에서 "location.href" 문을 사용하여 점프 함수를 설정합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
방법 1: location.href
를 버튼 요소에 직접 사용하여 점프
<input type="submit" name="Submit" value="同意" onclick="location.href='http://www.php.cn'">
방법 2: 클릭 이벤트를 버튼 요소에 바인딩하여 점프
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button>点点点</button> <div></div> <script> var btn = document.querySelector('button') var div = document.querySelector('div') btn.addEventListener('click', function () { // location.href = 'http://www.baidu.com'; var timer = 5; setInterval(function () { if (timer == 0) { location.href = 'http://www.php.cn'; } else { div.innerHTML = '你还有' + timer + '秒就可以跳转了'; timer-- } },1000) /* setInterval(function(){ div.innerHTML = '你还有' + timer + '秒就可以跳转了' timer--; },1000) */ }); </script> </body> </html>
[권장 학습: javascript 고급 튜토리얼 ]
위 내용은 자바스크립트에서 버튼 클릭으로 점프 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!