Làm mới trang JavaScript

Trong JavaScript, phương thức reload() được sử dụng để tải lại trang web. Nó tương tự như nút refresh của trình duyệt. Phương thức này không trả về bất kỳ giá trị nào

cú pháp

Phương thức này có thể có các tham số tùy chọn đúng và sai. Từ khóa đúng buộc tải lại trang từ máy chủ, trong khi từ khóa sai tải lại trang từ bộ đệm

Sai là tham số mặc định của phương thức này, vì vậy nếu chúng ta bỏ qua giá trị của tham số, phương thức reload() sẽ tải lại trang từ bộ đệm. Có nghĩa là đối tượng. reload() giống như đối tượng. tải lại (sai)

Hãy xem một ví dụ về việc sử dụng vị trí. phương thức tải lại ()

Thí dụ

Ở đây, hàm fun() chứa vị trí. phương thức tải lại (). Chúng tôi đang gọi hàm fun() bằng cách sử dụng thuộc tính onclick của phần tử nút. Vì vậy, chúng tôi phải nhấp vào nút 'Tải lại' HTML đã cho để xem hiệu ứng. Sau khi nhấp vào nút, trang sẽ tải lại

Kiểm tra nó ngay bây giờ

đầu ra

Làm mới trang JavaScript

Trong ví dụ trên, thay vì gọi hàm fun(), chúng ta cũng có thể đính kèm vị trí. reload() phương thức đánh dấu nút. Nó có thể được thực hiện như đưa ra dưới đây

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(), 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

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

Thí 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

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

________số 8_______

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ó

Làm cách nào để làm mới một trang trong JavaScript?

Bạn có thể sử dụng vị trí. reload() Phương thức JavaScript để tải lại URL hiện tại . Phương pháp này hoạt động tương tự như nút Làm mới của trình duyệt. Phương thức reload() là phương thức chính chịu trách nhiệm tải lại trang.

Làm cách nào để làm mới một trang trong JavaScript mà không cần tải lại?

Có hai phương pháp để sửa đổi URL trong JavaScript mà không cần tải lại trang. đó là. Phương thức pushState(). Phương thức replaceState() .

Làm cách nào để làm mới một trang khác từ trang hiện tại trong JavaScript?

Phương thức tải lại JavaScript() được sử dụng để tải lại tài liệu hiện tại trong JavaScript/jQuery. Phương thức reload() có thể tải lại tài nguyên hiện tạ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, làm mới trang, v.v.