Tôi có mã sau để thay đổi các trang từ bên trong JavaScript:
var newUrl = [some code to build up URL string];
window.location.replace(newUrl);Nhưng nó không thay đổi URL trên cùng, vì vậy khi ai đó nhấp vào nút quay lại, nó sẽ không quay lại trang trước.
Làm cách nào để JavaScript thay đổi cả URL trên cùng để nút quay lại của trình duyệt hoạt động.
Câu trả lời:
document.location.href = newUrl;https://developer.mozilla.org/en-US/docs/Web/API/document.location
Chỉ định đơn giản cho window.locationhoặc window.location.hrefnên ổn:
window.location = newUrl;Tuy nhiên, URL mới của bạn sẽ khiến trình duyệt tải trang mới, nhưng có vẻ như bạn muốn sửa đổi URL mà không cần rời khỏi trang hiện tại. Bạn có hai lựa chọn cho việc này:
Sử dụng hàm băm URL. Ví dụ, bạn có thể example.comchuyển đến example.com#foomà không cần tải một trang mới. Bạn chỉ cần thiết lập window.location.hashđể thực hiện điều này dễ dàng. Sau đó, bạn nên lắng nghe hashchangesự kiện HTML5 , sự kiện này sẽ được kích hoạt khi người dùng nhấn nút quay lại. Điều này không được hỗ trợ trong các phiên bản IE cũ hơn, nhưng hãy xem jQuery BBQ , công cụ này làm cho điều này hoạt động trên tất cả các trình duyệt.
Bạn có thể sử dụng Lịch sử HTML5 để sửa đổi đường dẫn mà không cần tải lại trang. Điều này sẽ cho phép bạn thay đổi từ example.com/foosang example.com/bar. Sử dụng cái này rất dễ dàng:
window.history.pushState("example.com/foo");
Khi người dùng nhấn "back", bạn sẽ nhận được popstatesự kiện của cửa sổ mà bạn có thể dễ dàng nghe (jQuery):
$(window).bind("popstate", function(e) { alert("location changed"); });
Thật không may, điều này chỉ được hỗ trợ trong các trình duyệt rất hiện đại, như Chrome, Safari và Firefox 4 beta.
<script>
var url= "http://www.google.com";
window.location = url;
</script>
window.location.replace()phương thức này không giống vớiString.prototype.replace()phương thức vìwindow.locationkhông phải là một chuỗi (nó là một đối tượng).window.location.replace()Thay thế hiện tại URL với một URL mới, trong khi ghi đè mục nhập của URL cũ trong lịch sử.