Bạn có thể làm mới trang web bằng cách sử dụng vị trí JavaScript. phương pháp tải lại. Mã này có thể được gọi tự động khi có sự kiện hoặc đơn giản khi người dùng nhấp vào liên kết. Nếu bạn muốn làm mới trang web bằng cách nhấp chuột, thì bạn có thể sử dụng đoạn mã sau -
Refresh Page
Để hiểu nó theo cách tốt hơn, bạn có thể Làm mới Trang
Tự động làm mới
Bạn cũng có thể sử dụng JavaScript để tự động làm mới trang sau một khoảng thời gian nhất định. Đây setTimeout[] là một hàm JavaScript tích hợp có thể được sử dụng để thực thi một hàm khác sau một khoảng thời gian nhất định
Ví dụ
Hãy thử ví dụ sau. Nó cho biết cách làm mới một trang sau mỗi 5 giây. Bạn có thể thay đổi thời gian này theo yêu cầu của 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ụ
location.reload[];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[];địa điểm. 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[];Chúng tôi đã chỉ ra rằng lệnh trang làm mới JavaScript có thể bao gồm tham số
location.reload[];Tham số
location.reload[];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
location.reload[];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. địa điểm. reload[] hoặc cửa sổ. địa điểm. 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
Ví 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ử
Ví 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
________số 8Mã 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ó