Trong các trình duyệt hiện đại và HTML5, có một phương pháp gọi là Show
Bạn có thể sử dụng nó như thế này, nó sẽ lấy 3 tham số, 1) Đối tượng trạng thái 2) Tiêu đề và URL):
Điều này sẽ thay đổi URL, nhưng không tải lại trang. Ngoài ra, nó không kiểm tra xem trang có tồn tại không, vì vậy nếu bạn thực hiện một số mã JavaScript đang phản ứng với URL, bạn có thể làm việc với chúng như thế này. Ngoài ra, có Ngoài ra, bạn có thể tạo một chức năng để kiểm tra xem
Ngoài ra, bạn có thể thay đổi ____10 cho 1, không tải lại trang. Đó là cách Angular sử dụng để làm spa theo hashtag ...Thay đổi 0 khá dễ dàng, làm như:
Và bạn có thể phát hiện nó như thế này: Bắt đầu nội dung chính Sử dụng API lịch sửAPI lịch sử HTML5 chắc chắn là cách để đi cho các trang web hiện đại. Nó hoàn thành nhiệm vụ trong tay, đồng thời cung cấp chức năng bổ sung. Bạn có thể sử dụng 3 hoặc history.replaceState() để sửa đổi URL trong trình duyệt, tùy thuộc vào nhu cầu của bạn:const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL); Các đối số cho cả hai phương thức đều giống nhau, cho phép bạn vượt qua một đối tượng 5 có thể tùy chỉnh làm đối số đầu tiên, một 6 tùy chỉnh (mặc dù hầu hết các trình duyệt sẽ bỏ qua tham số này) và 7 bạn muốn thêm/thay thế trong lịch sử của trình duyệt. Hãy nhớ rằng API lịch sử chỉ cho phép các URL đồng nghĩa, vì vậy bạn không thể điều hướng đến một trang web hoàn toàn khác.Sử dụng API vị tríAPI vị trí cũ hơn không phải là công cụ tốt nhất cho công việc. Nó tải lại trang, nhưng vẫn cho phép bạn sửa đổi URL hiện tại và có thể hữu ích khi làm việc với các trình duyệt Legacy. Bạn có thể sửa đổi URL, bằng cách sử dụng 8, 9 hoặc 0:const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL); Như bạn có thể thấy, cả ba tùy chọn sẽ khiến một trang tải lại, có thể không mong muốn. Không giống như API lịch sử, bạn chỉ có thể đặt URL, mà không cần bất kỳ đối số bổ sung nào. Cuối cùng, API vị trí không giới hạn bạn đối với các URL có nguồn gốc tương tự, điều này có thể gây ra các vấn đề bảo mật nếu bạn không cẩn thận. Đoạn trích được đề xuất
Xem thảo luận Cải thiện bài viết Lưu bài viết Xem thảo luận Cải thiện bài viết Lưu bài viết Đọc The history interface of the browser manages the browser session history. It includes the page visited in the tab or frame where the current page is located. Manipulating this state can be used to change the URL of the browser without reloading the page. Bàn luậnreplaceState() method is used to modify the current history entry and replace the properties of the state with ones in the passed parameters. Phương pháp 1: Thay thế trạng thái hiện tại bằng phương thức thay thế (): Giao diện lịch sử của trình duyệt quản lý lịch sử phiên của trình duyệt. Nó bao gồm trang được truy cập trong tab hoặc khung nơi đặt trang hiện tại. Thao tác trạng thái này có thể được sử dụng để thay đổi URL của trình duyệt mà không tải lại trang. Phương thức thay thế () được sử dụng để sửa đổi mục nhập lịch sử hiện tại và thay thế các thuộc tính của trạng thái bằng các thuộc tính trong các tham số được truyền. Example: 1 2 3 4 2 6 4 8 2 6 4 2 3 2 5 8 7 6 4Các tham số của phương pháp này có 3 phần, đối tượng trạng thái là đối tượng có thể nối tiếp về trạng thái, tiêu đề là tiêu đề của trạng thái mới và URL là URL mới của trạng thái. 2const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);4 4 8 22const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);8 const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);9 const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);0 const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);1 4 2const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);4 8 7const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);8 4 8 2pushState 1 4 2 3 2 5 8 7pushState 1 4 8 2history 3 4 2history 6 2history 8 8 7history 3 4URL có thể được thay đổi bằng cách chuyển URL cần thiết dưới dạng chuỗi cho phương thức này. Điều này sẽ thay đổi URL của trang mà không tải lại trang. 2history.pushState 1 7 6 4 8 2history.pushState 8 4 2 01 02 03 02 05 06 07 2 09 8 7history.pushState 8 4 7const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);4 4 7 3 4Output:
Các tham số của phương pháp này có ba phần, đối tượng trạng thái là đối tượng có thể nối tiếp về trạng thái, tiêu đề là tiêu đề mới của trạng thái và URL là URL mới của trạng thái. URL cần thiết như một chuỗi cho phương pháp này. Điều này sẽ thay đổi URL của trang mà không tải lại trang. Example: 1 2 3 4 2 6 4 8 2 6 4 2 3 2 5 8 7 6 4 7 6 4 2const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);4 4 8 22const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);8 const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);9 const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);0 const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);1 4 2const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);4 8 7const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);8 4 8 2pushState 1 4 2 3 2 5 8 7pushState 1 4 8 2history 3 4 2 75 2 77 8 7history 3 4 8 22history.replaceState() 5 history.replaceState() 6const nextURL = 'https://my-website.com/page_b'; window.location.href = nextURL; window.location.assign(nextURL); window.location.replace(nextURL);0__ 2 90 8 7history.replaceState() 5 4 8 2history.pushState 8 4 2 00 02 03 02 04 05 06 2 09 8 7history.pushState 8 4 7const nextURL = 'https://my-website.com/page_b'; const nextTitle = 'My new page title'; const nextState = { additionalInformation: 'Updated the URL with JS' }; window.history.pushState(nextState, nextTitle, nextURL); window.history.replaceState(nextState, nextTitle, nextURL);4 4 7 3 4Output: Làm cách nào để sử dụng JavaScript để sửa đổi URL mà không cần tải lại trang?Trang sử dụng JavaScript? Phương pháp 2: Thêm trạng thái mới với phương thức PUSHSTATE (): Phương thức PushState () được sử dụng để thêm một mục nhập lịch sử mới với các thuộc tính được truyền dưới dạng tham số. Điều này sẽ thay đổi URL hiện tại sang trạng thái mới được đưa ra mà không tải lại trang.Adding a new state with pushState() Method: The pushState() method is used to add a new history entry with the properties passed as parameters. This will change the current URL to the new state given without reloading the page.
Chúng ta có thể thay đổi URL bằng JavaScript không?Vị trí để chuyển hướng đến một URL khác với JavaScript. Bạn có thể chuyển hướng một trang web sang một trang khác theo một số cách bao gồm chuyển hướng phía máy chủ, chuyển hướng làm mới meta HTML và chuyển hướng JavaScript.. You can redirect a web page to another page in a number of ways including server-side redirects, HTML meta refresh redirects and JavaScript redirects.
Làm cách nào để thay đổi URL mà không tải lại trang trong PHP?Sẽ rất hữu ích khi hiểu tập lệnh đã cho ... Trước hết, sự kiện nhấp vào lửa trên liên kết điều hướng a..... Ngăn chặn trang làm mới bằng cách sử dụng e..... Nhận URL hiện tại bằng cách nhấp vào liên kết điều hướng và lưu trữ nó trong PageUrl .. Thay đổi URL mà không tải lại trang bằng lịch sử.pushstate (null, '', pageUrl). Phương pháp nào được sử dụng để thay đổi địa chỉ trong thanh địa chỉ của trình duyệt trong JavaScript?API Lịch sử HTML5 cho phép các trình duyệt thay đổi URL trong thanh địa chỉ trình duyệt mà không tải lại hoặc làm mới trang bằng chức năng Pushstate.Phương pháp Pushstate hoạt động tương tự như cửa sổ.pushState function. The pushState method works similar to window. |