Ngoài ra, có một chủ đề trong stackoverflow liên quan đến vấn đề này, đó là Làm mới trang một lần sau khi tải trang đầu tiên
Vì vậy, nếu chúng tôi muốn tải lại trang một lần mà không thay đổi url [thay đổi hàm băm], chúng tôi có thể làm điều đó như thế nào?
Trong gần hai tháng, tôi đã nghiên cứu rồi tìm ra cách thực hiện điều đó bằng cách sử dụng “hiệu suất. thời gian. domLoading” của trình duyệt [ khi trang được tải ] trong một hàm và đã tạo hàm reloadPage[];
Nó hoạt động tốt trên dự án Javascript phía máy khách
Dưới đây là tất cả các bước của hàm reloadPage[];
- Lấy thời gian domloading của trình duyệt
- Lấy dấu thời gian hiện tại
- Thời gian domloading + 10 giây [Dấu thời gian Unix]
- Nếu dấu thời gian hiện tại lớn hơn thời gian domloading + 10 giây [Dấu thời gian Unix], điều đó có nghĩa là trang chưa được tải trong mười giây qua. Do đó, trang có thể được làm mới thông qua “vị trí. tải lại[];”
- Ngược lại, nếu thời gian hiện tại không lớn hơn thời gian domloading + 10 giây nghĩa là trang vừa được tải lại. Do đó, Nó sẽ không được tải lại nhiều lần
Cuối cùng, nếu bạn gọi “reloadPage[];”
Trong Hướng dẫn cách thực hiện Javascript này, chúng ta sẽ học một kỹ thuật rất hữu ích. Chúng ta sẽ thảo luận về nhiều cách để Tự động làm mới trang một lần sau khi tải trang đầu tiên bằng Javascript hoặc JQuery
Javascript có thể rất hữu ích cho Phát triển Frontend và Backend, Như họ nói, một ngôn ngữ thống trị tất cả
Hãy xem xét việc bạn đang phát triển một số ứng dụng web dựa trên API và vì mục đích thử nghiệm, bạn cần tải lại trang web sau khi tải đầy đủ một lần và bạn muốn thực hiện việc đó bằng Javascript/jQuery. Đây chỉ là một ví dụ, có thể có bất kỳ lý do nào bạn muốn đạt được điều này. Đầu tiên, chúng ta học cách tải lại một lần bằng javascript
Ngoài ra, hãy kiểm tra, 5 cách để xáo trộn một mảng bằng javascript ES6
Nội dung bài viết
Cách Tự động làm mới trang một lần duy nhất sau lần tải đầu tiên bằng Javascript
Sử dụng cửa sổ. đang tải
//add this js script into the web page,
//you want reload once after first load
window.onload = function[] {
//considering there aren't any hashes in the urls already
if[!window.location.hash] {
//setting window location
window.location = window.location + '#loaded';
//using reload[] method to reload web page
window.location.reload[];
}
}Sử dụng cửa sổ. lưu trữ cục bộ
//we will auto-triggering js function
//to refresh once after first load
[function[]
{
if[ window.localStorage ]
{
//check if reloaded once already
if[ !localStorage.getItem['firstLoad'] ]
{
//if not reloaded once, then set firstload to true
localStorage['firstLoad'] = true;
//reload the webpage using reload[] method
window.location.reload[];
}
else
localStorage.removeItem['firstLoad'];
}
}][];Cách Tự động làm mới trang một lần duy nhất sau lần tải đầu tiên bằng JQuery
Phương pháp đầu tiên
//this method is simialr to first js method above
//Jquery initialize
$[document].ready[function[]{
//Check if the current URL contains '# or hash'
if[document.URL.indexOf["#"]==-1]{
// Set the URL to whatever it was plus "#loaded".
url = document.URL+"#loaded";
location = "#loaded";
//Reload the page using reload[] method
location.reload[true];
}
}];Phương pháp thứ hai sử dụng cookie
body onload='if[document.cookie.indexOf["refreshcookie"] == -1]{
document.cookie="refreshcookie=1";
location.reload[];
};'
Sử dụng phương thức localStorage trong JQuery
//modily according to your requirement
$[document].ready[function[]{
document.body.innerText = 'checking';
if [localStorage.getItem['isLoaded'] !== 'yes'] {
localStorage.setItem['isLoaded', 'yes'];
alert['reloading now'];
document.body.innerText += ' - loaded once';
location.reload[];
} else {
alert['not reloading'];
document.body.innerText += ' - loaded twice';
}
}];Tất cả các đoạn mã này đã được kiểm tra và hoạt động, bạn có thể sử dụng bất kỳ đoạn mã nào và đạt được kết quả tương tự của js relad một lần sau lần tải đầu tiên. Nếu bạn có thắc mắc, vui lòng bình luận bên dưới hoặc nếu bạn có bất kỳ đoạn mã nào khác, vui lòng chia sẻ bên dưới và chúng tôi sẽ thêm vào bài viết với các khoản tín dụng
Trong khi sử dụng JavaScript, bạn có thể muốn làm mới trang web bằng mã của mình. Hãy để chúng tôi xem xét các cách khác nhau để làm như vậy
Ở đây chúng ta sẽ tìm hiểu các phương pháp sau để làm mới trang web bằng JavaScript
1. Làm mới một trang trong JavaScript
Trong JavaScript, trang được tải lại bằng tài liệu. vị trí. reload[] hoặc cửa sổ. vị trí. phương thức tải lại []. Địa điểm. reload[] cho kết quả giống như nhấn nút tải lại trên trình duyệt của bạn
Theo mặc định, phương pháp này tải lại trang trực tiếp từ bộ đệm của trình duyệt. Nếu thuộc tính forceGet được đặt thành true, thì trang web sẽ được tải lại từ máy chủ.
Tải lại trang từ bộ đệm
Thí dụ
Page Reload Uisng Javascript
Tải lại trang từ máy chủ [không có bộ đệm]
Page Reload Uisng Javascript without Cache
Tham số mặc định là Sai ở đây. Vì vậy, nếu để trống tham số, đối tượng. reload[] tải lại trang bằng cách sử dụng dữ liệu được lưu trong bộ nhớ cache của trình duyệt, tôi. e. giống hệt với việc sử dụng phương thức làm đối tượng. tải lại [sai]
2. Tự động làm mới trang sau 5 giây
Page Reload Uisng Javascript after 5 seconds
Bạn cũng có thể sử dụng JavaScript để tự động làm mới trang web sau một khoảng thời gian xác định. Sử dụng phương thức setTimeout[] ở đây, chúng tôi sẽ tự động làm mới trang 5 giây sau khi tải lại
3. Làm mới trang khi nhấp vào nút
________số 8_______Thay vì tự động làm mới trang web bằng một phương thức, bạn có thể gọi phương thức đó khi người dùng thực hiện một sự kiện, chẳng hạn như nhấp vào nút. Trong ví dụ này, bạn có thể thấy trang đó sẽ được làm mới bằng cách sử dụng vị trí. reload[] sau khi người dùng nhấp vào nút Tải lại trang
4. Sử dụng Chức năng Lịch sử
Thí dụ
Page Reload Uisng Javascriptusing history function
JavaScript, đối tượng cửa sổ có thuộc tính lịch sử được sử dụng để làm mới trang. Lịch sử. phương thức go[] trong ví dụ này giúp thao tác lịch sử phiên trình duyệt
Ở đây 0 là tham số lịch sử,
- 0 = Trang hiện tại
- -1 = Trang trước
Tham số này cho phép bạn điều hướng qua lại trong lịch sử phiên trang web của mình
5. Làm mới trang trong HTML
Page Reload Uisng meta tag
Mã sẽ làm mới tài liệu HTML sau mỗi 1 giây. Tương đương http được đặt thành làm mới và thuộc tính nội dung được đặt thành khoảng thời gian 1 giây.
6. Sử dụng Jquery
Page Reload Uisng Jquery
Cửa sổ. vị trí có thuộc tính href. Điều này trả về URL của trang web hiện tại. Trong ví dụ này, thuộc tính này được sử dụng để tải lại và làm mới trang hiện tại. Thuộc tính này cũng có thể được sử dụng để nhắm mục tiêu một trang khác và làm mới nó