Cách chuyển hướng nút sang trang khác bằng jQuery hoặc chỉ Javascript

Question

Tôi đang tạo mẫu thử nghiệm và tôi muốn nút tìm kiếm liên kết đến trang kết quả tìm kiếm mẫu.

Làm cách nào để làm cho nút chuyển hướng đến một trang khác khi được nhấp bằng cách sử dụng jQuery.

Answer 1

Nếu không có kịch bản:

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

Hơn thế nữa, vì bạn chỉ cần đi đâu đó, trình bày cho người sử dụng với giao diện tiêu chuẩn cho "chỉ xảy ra ở đâu đó":

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

Mặc dù, ngữ cảnh có vẻ như "Mô phỏng tìm kiếm thông thường nơi chúng tôi er đệ trình một biểu mẫu ", trong trường hợp đó, tùy chọn đầu tiên là cách để đi.

Answer 2

Bạn có thể sử dụng:

location.href = "newpage.html" 

trong sự kiện onclick của nút.

Answer 3

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

Answer 4

này nên làm việc ..

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

Answer 5

này là những gì bạn nghĩa là gì?

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

Answer 6

Bạn có thể sử dụng window.location

window.location="/newpage.php"; 

Hoặc bạn chỉ có thể làm cho hình thức đó vào nút tìm kiếm là có một hành động của trang web mà bạn muốn.

Answer 7

Với đơn giản Javascript:

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

Answer 8

Và trong Rails 3 với CoffeeScript sử dụng không phô trương JavaScript (UJS):

Thêm vào assets/javascripts/my_controller.js.coffee:

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

mà đọc: khi sự kiện document.ready đã bị sa thải, thêm một sự kiện onclick đến một Đối tượng DOM có ID là field_name thực thi javascript window.location.href='new_url';

Answer 9

Không cần javascript, chỉ cần bọc nó trong một liên kết

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

Answer 10

Bạn có thể sử dụng mã JavaScript đơn giản này để làm cho nút tìm kiếm liên kết đến trang kết quả tìm kiếm mẫu. Ở đây tôi đã chuyển hướng đến '/ search' của trang chủ của tôi, Nếu bạn muốn tìm kiếm từ công cụ tìm kiếm của Google, Bạn có thể sử dụng "https://www.google.com/search" trong hành động biểu mẫu.

<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> 

Answer 11

Có rất nhiều câu hỏi ở đây về chuyển hướng phía máy khách và tôi không thể phun ra trên hầu hết trong số chúng… đây là một ngoại lệ.

Chuyển hướng không phải là bắt nguồn từ ứng dụng khách ... nó được cho là đến từ máy chủ. Nếu bạn không có quyền kiểm soát máy chủ, bạn chắc chắn có thể sử dụng Javascript để chọn một URL khác để truy cập, nhưng ... đó không phải là chuyển hướng. Chuyển hướng được thực hiện với 300 mã trạng thái tại máy chủ hoặc bằng cách gắn thẻ META trong HTML.

Answer 12

Trong html của bạn, bạn có thể thêm thuộc tính dữ liệu để nút của bạn:

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

Sau đó, bạn có thể sử dụng jQuery để thay đổi url:

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

Hope this helps

Answer 13

đây là cách để làm điều đó, Owens hoạt động nhưng nó không phải là HTML hợp pháp, về mặt kỹ thuật câu trả lời này không phải là jQuery (nhưng vì jQuery là một mã giả được chuẩn bị sẵn - được diễn giải lại trên nền tảng khách hàng như JavaScript mẹ đẻ - có thực sự là có những điều như jQuery nào)

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

Answer 14

Sử dụng một liên kết và tạo kiểu cho nó giống như một nút:

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