[javascript] jQuery 또는 Javascript를 사용하여 버튼을 다른 페이지로 리디렉션하는 방법

프로토 타입을 만들고 있는데 검색 버튼을 샘플 검색 결과 페이지로 연결하고 싶습니다.

jQuery 또는 일반 JS를 사용하여 클릭 할 때 버튼을 다른 페이지로 리디렉션하려면 어떻게해야합니까?

스크립트없이 :

<form action="where-you-want-to-go"><input type="submit"></form>

더 좋은 방법은 여러분이 어딘가로가는 것이므로 사용자에게 “어딘가로가는 것”에 대한 표준 인터페이스를 제공합니다.

<a href="where-you-want-to-go">ta da</a>

컨텍스트는 “사용자가 양식을 제출하는 일반 검색 시뮬레이션”처럼 들리지만,이 경우 첫 번째 옵션은 갈 길입니다.

이것이 네가 말하는 뜻 이니?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

HTML에서 버튼에 데이터 속성을 추가 할 수 있습니다.

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

그런 다음 jQuery를 사용하여 URL을 변경할 수 있습니다.

$('.mybtn').on('click', function(event) {
    event.preventDefault();
    var url = $(this).data('target');
    location.replace(url);
});

도움이 되었기를 바랍니다

간단한 자바 스크립트 사용 :

<input type="button" onclick="window.location = 'path-here';">

당신이 사용할 수있는:

  location.href = "newpage.html"

버튼의 onclick 이벤트에서.

자바 스크립트가 필요 없으며 링크로 감싸세요.

<a href="http://www.google.com"><button type="button">button</button></a>