Trang tải lại javascript và chức năng gọi
|
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 Show
Ở đâ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 JavaScriptTrong 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ộ đệmThí dụ Tải lại trang từ máy chủ (không có bộ đệm)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âyBạ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útThay 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ụ 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ử,
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 HTMLMã 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 JqueryCử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 Không có Ghi chú. Firefox hỗ trợ không chuẩn cho Tuy nhiên, bạn có thể bắt gặp các trường hợp của 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 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 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 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ủ)
Chúng tôi đã chỉ ra rằng lệnh trang làm mới JavaScript có thể bao gồm tham số Tham số Sao chép ví dụ 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 Làm cách nào để gọi một chức năng khi tải lại trang trong JavaScript?Bạn cần gọi myFunction() khi trang được tải. cửa sổ. onload = myFunction; Nếu bạn chỉ muốn chạy nó khi trang được tải lại chứ không phải khi nó được tải lần đầu tiên, bạn có thể sử dụng sessionStorage để vượt qua .
Làm cách nào để làm mới trang bằng JavaScript trình xử lý sự kiện?Trong JavaScript, bạn làm mới trang bằng cách sử dụng tài liệu. vị trí. tải lại() . Bạn có thể thêm từ khóa true để buộc trang được tải lại đến từ máy chủ (thay vì bộ đệm).
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.
Làm cách nào để kiểm tra xem trang có được tải lại trong JavaScript không?if (sessionStorage. getItem("is_reloaded")) alert('Reloaded. '); |
