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
Page Reload Uisng Javascript on button click
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ó
Tải lại có thể bị chặn và ném một SECURITY_ERROR
DOMException
. Điều này xảy ra nếu nguồn gốc của tập lệnh gọi location.reload[]
khác với nguồn gốc của trang sở hữu đối tượng Location
. Xem Chính sách cùng nguồn gốc để biết thêm thông tin
reload[]
Không có
Ghi chú. Firefox hỗ trợ không chuẩn cho location.reload[]
, để yêu cầu Firefox bỏ qua bộ nhớ đệm và buộc tải lại tài liệu hiện tại. Tuy nhiên, trong tất cả các trình duyệt khác, bất kỳ tham số nào bạn chỉ định trong lệnh gọi location.reload[]
sẽ bị bỏ qua và không có bất kỳ ảnh hưởng nào
Tuy nhiên, bạn có thể bắt gặp các trường hợp của location.reload[true]
trong mã hiện có được viết với giả định rằng hiệu ứng buộc tải lại xảy ra trong tất cả các trình duyệt. Tìm kiếm GitHub "_______16_______" trả về hàng trăm nghìn kết quả. Vì vậy, có rất nhiều mã hiện có
Lịch sử của nó là. một số phiên bản của Netscape Navigator đã thêm hỗ trợ cho nó, mà dường như cuối cùng đã được chọn trong Firefox. Và tại một thời điểm, Nhóm làm việc về API web của W3C đã đưa ra một vấn đề để xem xét thêm nó vào thông số kỹ thuật cho location.reload[]
. Tuy nhiên, nó chưa bao giờ thực sự được thêm vào
Vì vậy, một tham số boolean không phải là một phần của thông số kỹ thuật hiện tại cho location.reload[]
- và trên thực tế chưa bao giờ là một phần của bất kỳ thông số kỹ thuật nào cho location.reload[]
từng được xuất bản
Chức năng trang làm mới JavaScript có thể tải lại tài nguyên hiện tại. Trong hầu hết các trường hợp, một trang được chọn để làm mới. Phương pháp này cũng có các đặc quyền khác, chẳng hạn như giúp bạn lấy địa chỉ URL của trang hiện tại, chuyển hướng trình duyệt đến một trang khác và tất nhiên là làm mới trang JavaScript
Ví dụ sau chứa mã bạn có thể sử dụng để tải lại trang web. Nhấp vào nút Dùng thử trực tiếp và thực hiện các sửa đổi đối với tập lệnh
Sao chép ví dụ
________số 8_______
Dùng thử trực tiếp Tìm hiểu trên Udacity
Tham số boolean của phương thức trang tải lại JS này tự động được đặt thành false. Nếu bạn chỉ ra true trong ngoặc đơn, trang sẽ được tải lại từ máy chủ thay vì bộ đệm
Nói cách khác, bằng cách thay thế giá trị sai mặc định bằng giá trị đúng, bạn đang buộc trang web phải được tải từ máy chủ
Phương pháp làm mới trang JavaScript là một lựa chọn phổ biến của các nhà phát triển để tải lại trang web. Vị trí của tài liệu được tải trên cửa sổ được tìm thấy trong biến vị trí. Bằng cách gọi location.reload[]
, bạn sẽ thực hiện cùng một kiểu tải lại khi thực hiện làm mới trình duyệt thông thường
vị trí. tải lại [] Cú pháp
Đây là cách bạn có thể gọi phương thức JavaScript của trang làm mới từ bên trong mã của mình [để tải lại từ máy chủ]
location.reload[forceGet]
Chúng tôi đã chỉ ra rằng lệnh trang làm mới JavaScript có thể bao gồm tham số forceGet
trong dấu ngoặc đơn. Tham số này luôn có giá trị boolean là true hoặc false. Tuy nhiên, nó là tùy chọn
Tham số forceGet
chỉ nên được sử dụng khi nhà phát triển muốn buộc trang web tải lại từ máy chủ. Hàm làm mới trang JavaScript không có tham số trong ngoặc đơn sẽ tải lại trang từ bộ đệm
Sao chép ví dụ
location.reload[true];
Dùng thử trực tiếp Tìm hiểu trên Udacity
Một cách khác để tải lại trang là sử dụng lệnh timedRefresh
. Bạn có thể chỉ định tần suất làm mới trang và nó sẽ tự động làm như vậy không ngừng