Cách tạo một nút chuyển hướng đến một trang khác bằng jQuery hoặc chỉ Javascript

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 để tạo một nút chuyển hướng đến một trang khác khi nó được nhấp bằng jQuery hoặc JS thuần túy.

Không có tập lệnh:

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

Tốt hơn nữa, vì bạn chỉ đang đi đâu đó, hãy giới thiệu cho người dùng giao diện chuẩn cho "chỉ đi đâu đó":

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

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

Ý bạn là vậy đúng không?

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

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

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

<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);
});

Hi vọng điêu nay co ich

Với Javascript đơn giản:

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

Bạn có thể dùng:

  location.href = "newpage.html"

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

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

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

Điều này sẽ hoạt động ..

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

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

window.location="/newpage.php";

Hoặc bạn có thể chỉ cần làm cho biểu mẫu mà nút tìm kiếm đang ở có một hành động của trang bạn muốn.

Bạn có thể sử dụng mã JavaScript đơn giản này để tạo 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' trên trang chủ của mình, 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>

Từ mã YT 2012.

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

đây là cách NHANH NHẤT (dễ đọc nhất, ít phức tạp nhất) để thực hiện, Owens hoạt động nhưng nó không phải là HTML hợp pháp, về mặt kỹ thuật thì 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ị trước - được diễn giải lại trên nền tảng khách hàng dưới dạng JavaScript gốc - có thực sự là có những điều như jQuery anyway)

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

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

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

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

trong đó đọc: khi sự kiện document.ready được kích hoạt, hãy thêm onclicksự kiện vào đối tượng DOM có ID field_namethực thi javascriptwindow.location.href='new_url';

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

Việc chuyển hướng không được cho là đến từ máy khách… nó phải đế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. Việc 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 ghép thẻ META trong HTML.

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>