JavaScript tải trang trên nút nhấp vào

Question

Tôi đang cố gắng thực hiện một tác vụ rất đơn giản ở đây, tôi muốn có thể nhấp vào nút trên trang và đưa nó đến trang khác. Tôi đã thử window.location.href, và một loạt các thứ khác và nó không làm gì cả. Tôi đã thử các nền tảng khác nhau và các trình duyệt khác nhau, tất cả đều có cùng kết quả.

Tôi biết rằng nó có thể gọi hàm nhưng tôi không thể tải trang mới. Ngoài ra điều này là tất cả trong hệ thống tập tin địa phương của tôi và cả hai trang sống ở cùng cấp (nhưng tôi cũng đã cố gắng để tải một trang bên ngoài như www.apple.com).

Mọi suy nghĩ?

Cảm ơn Patrick

Answer 1

mã đơn giản để trang chuyển hướng

<!-- html button designing and calling the event in javascript --> 
<input id="btntest" type="button" value="Check" 
     onclick=window.location.href = 'http://www.google.com' " /> 

Answer 2

Chỉ window.location = "http://wherever.you.wanna.go.com/", hoặc, đối với liên kết địa phương, window.location = "my_relative_link.html".

Bạn cũng có thể thử bằng cách nhập mã vào thanh địa chỉ, ví dụ: javascript: window.location = "http://www.google.com/".

Cũng lưu ý rằng phần giao thức của URL (http://) không phải là tùy chọn cho liên kết tuyệt đối; bỏ qua nó sẽ làm cho javascript giả định một liên kết tương đối.

Answer 3

Không lạm dụng các yếu tố hình thức trong đó < một yếu tố > sẽ đủ.

<style> 
    /* or put this in your stylesheet */ 

    .button { 
     display: inline-block; 
     padding: 3px 5px; 
     border: 1px solid #000; 
     background: #eee; 
    } 

</style> 

<!-- instead of abusing a button or input element --> 
<a href="url" class="button">text</a> 

Answer 4

Những câu trả lời ở đây làm việc để mở trang trong cùng một cửa sổ trình duyệt/tab.

Tuy nhiên, tôi muốn trang mở trong cửa sổ/tab mới khi họ nhấp vào nút. (tab/quyết định cửa sổ phụ thuộc vào thiết lập của trình duyệt của người dùng)

Vì vậy, đây là cách nó làm việc để mở trang trong tab mới/cửa sổ:

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button> 

Nó không phải là một nút, bạn có thể sử dụng bất cứ nơi nào. Thông báo _blank được sử dụng để mở trong tab/cửa sổ mới.