jQuery 또는 자바스크립트만으로 버튼을 다른 페이지로 리디렉션하는 방법

jQuery 또는 자바스크립트만으로 버튼을 다른 페이지로 리디렉션하는 방법

프로토타입을 만들고 있는데 검색 버튼이 샘플 검색 결과 페이지로 연결되기를 원합니다.

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

이게 당신의 뜻입니까?

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

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

스크립트 없음:

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

더 나은 점은, 어디론가 가는 것뿐이므로, 사용자에게 "어디론가 가는 것"을 위한 표준 인터페이스를 제시하는 것입니다.

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

그러나 컨텍스트는 "사용자가 양식을 제출하는 일반 검색 시뮬레이션"과 같이 들립니다. 이 경우 첫 번째 옵션은 선택 사항입니다.

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';">

javascript는 필요없고 링크로 감싸주세요

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

다음을 사용할 수 있습니다.

  location.href = "newpage.html"

버튼 클릭 이벤트에 참여할 수 있습니다.

이것은 효과가 있을 겁니다..

$('#buttonID').click(function(){ window.location = 'new url'});

window.location 을 사용할 수 있습니다.

window.location="/newpage.php";

또는 검색 버튼이 있는 양식에 원하는 페이지의 동작을 입력할 수 있습니다.

이것이 가장 빠른 (가장 읽기 쉽고 덜 복잡한) 방법입니다. 오웬스는 작동하지만 합법적인 HTML은 아닙니다. 엄밀히 말하면 이 대답은 jQuery가 아닙니다. (그러나 jQuery는 클라이언트 플랫폼에서 네이티브 자바스크립트로 재해석된 미리 준비된 의사 코드이기 때문에 - 어쨌든 jQuery 같은 것은 없습니다.)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

이 간단한 자바스크립트 코드를 사용하여 검색 버튼을 만들어 샘플 검색 결과 페이지로 연결할 수 있습니다.여기서 홈 페이지의 '/검색'으로 리디렉션했습니다. Google 검색 엔진에서 검색하려면 양식 작업에서 "https://www.google.com/search "을 사용할 수 있습니다.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

YT 2012 코드.

<button href="/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

링크를 사용하여 버튼처럼 스타일을 지정합니다.

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>

그리고 방해되지 않는 자바스크립트(UJS)를 사용하는 CoffeeScript가 있는 Rails 3에서:

에 추가assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

document.ready 이벤트가 실행되면 다음을 추가합니다.onclickID가 다음인 DOM 개체에 대한 이벤트field_name자바스크립트를 실행합니다.window.location.href='new_url';

클라이언트 측 리다이렉트에 대한 질문이 많은데, 대부분의 리다이렉트에 대해서는 말씀드릴 수가 없습니다. 이 문제는 예외입니다.

리디렉션은 클라이언트에서 발생하는 것이 아니라 서버에서 발생하는 것입니다.서버에 대한 제어권이 없는 경우, Javascript를 사용하여 이동할 다른 URL을 선택할 수 있지만, 리디렉션은 아닙니다.리디렉션은 서버에서 300개의 상태 코드를 사용하거나 HTML의 META 태그를 적용하여 수행됩니다.

언급URL : https://stackoverflow.com/questions/2238368/how-to-make-a-button-redirect-to-another-page-using-jquery-or-just-javascript