Làm cách nào để làm mới phần tử DOM trong JavaScript?

Định nghĩa và cách sử dụng

Phương thức

again dynamic content 3

ABC

2 tải lại tài liệu hiện tại

Phương thức

again dynamic content 3

ABC

2 hoạt động tương tự như nút tải lại trong trình duyệt của bạn

cú pháp

Thông số

Giá trị trả về

Hỗ trợ trình duyệt

again dynamic content 3

ABC

4 được hỗ trợ trong tất cả các trình duyệt

ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCó

Tải lại có thể bị chặn và ném một

again dynamic content 3

ABC

5

again dynamic content 3

ABC

6. Điều này xảy ra nếu nguồn gốc của tập lệnh gọi

again dynamic content 3

ABC

4 khác với nguồn gốc của trang sở hữu đối tượng

again dynamic content 3

ABC

8. Xem Chính sách cùng nguồn gốc để biết thêm thông tin

cú pháp

reload()

Thông số

Không có

Ghi chú. Firefox hỗ trợ tham số boolean

again dynamic content 3

ABC

9 không chuẩn cho

again dynamic content 3

ABC

4, để 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

again dynamic content 3

ABC

4 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

again dynamic content 3

ABC

2 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 "

again dynamic content 3

ABC

2" 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

again dynamic content 3

ABC

4. 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

again dynamic content 3

ABC

4 - 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

again dynamic content 3

ABC

4 từng được xuất bản

Tìm quy ước mã hóa một dòng để tải lại phần tử

again dynamic content 3

ABC

7 trong JavaScript thật khó. Cách chung để tải lại hoặc làm mới là điều chỉnh chức năng

again dynamic content 3

ABC

8 hoặc kích hoạt toàn bộ trang web

Điều này có thể không phải lúc nào cũng được ưu tiên nếu trang web cồng kềnh;

Để giải quyết vấn đề này, chúng tôi sẽ chỉ phụ thuộc vào hàm jQuery

again dynamic content 3

ABC

9 lấy đường dẫn hiện tại của trang web và thêm id của

again dynamic content 3

ABC

7 cùng với nó. Điều này là để đảm bảo rằng chúng tôi sẽ thêm cụ thể

again dynamic content 3

ABC

1 để thể hiện vị trí của

again dynamic content 3

ABC

7 trong nội dung trang web của chúng tôi và làm mới nó

Một cách khác mà chúng tôi sẽ làm theo là theo dõi giới hạn thời gian sau khi chúng tôi muốn làm mới

again dynamic content 3

ABC

7. Trong trường hợp này, chúng tôi sẽ yêu cầu một thuộc tính động đơn giản trong HTML để cộng tác với giới hạn thời gian do người dùng xác định

Điều này có vẻ không chuyên dụng như ______29 của jQuery, nhưng nó có thể tương đối dễ xử lý thông qua JavaScript. Hãy chuyển sang các khối mã

Phân đoạn quan trọng nhất trong ví dụ này là thuộc tính

again dynamic content 3

ABC

1 sẽ lấy phiên bản

again dynamic content 3

ABC

7 được nhắm mục tiêu. Chúng tôi sẽ tải phần đó của trang web bằng

again dynamic content 3

ABC

7 chứ không phải toàn bộ

Ban đầu, chúng tôi sẽ có một

again dynamic content 3

ABC

7 với một thẻ

again dynamic content 3

ABC

5 để tính khung thời gian (để kiểm tra xem nó có hoạt động tốt không). Sau đó, chúng tôi sẽ lấy một ví dụ về

again dynamic content 3

ABC

7 (_______17) để sử dụng hàm

again dynamic content 3

ABC

8

Trong hàm

again dynamic content 3

ABC

9, tham số của chúng ta sẽ là

The DIV below will refresh after 7 Seconds

0, tham chiếu đến đường dẫn của trang web hiện tại. Và được liên kết với

again dynamic content 3

ABC

7

again dynamic content 3

ABC

1 sẽ phân bổ đích và làm mới nó

Đoạn mã

dynamic content 9

ABC

đầu ra

Ở đây, bộ đếm của chúng tôi được thay đổi sau mỗi 3 giây. Do lấy màn hình, tỷ lệ thời gian có thể ít nhất là 3 giây, nhưng nó suy ra rằng quá trình đang hoạt động

Sử dụng

The DIV below will refresh after 7 Seconds

3 với

again dynamic content 3

ABC

9 để tải lại một

again dynamic content 3

ABC

7 trong JavaScript

Trong phần này, chúng ta sẽ lại sử dụng hàm

again dynamic content 3

ABC

9 và lần này là tham số, chúng ta sẽ chuyển

The DIV below will refresh after 7 Seconds

7. Cân nhắc thêm khoảng trắng trước khi biểu thị

The DIV below will refresh after 7 Seconds

8

Phần tổng thể này sẽ hoạt động giống như ví dụ khác được giải thích

Đoạn mã

again dynamic content 3

ABC

đầu ra

Sử dụng

The DIV below will refresh after 7 Seconds

9 để làm mới một

again dynamic content 3

ABC

7 trong JavaScript

Ở đây, chúng tôi sẽ lấy một

again dynamic content 3

ABC

7 và đặt thuộc tính

again dynamic content 3

ABC

1 của nó. Trong phần tập lệnh, chúng tôi sẽ kích hoạt đồng hồ đếm

Ví dụ này có thể là một ví dụ điển hình khi chúng tôi có một mảng nội dung để hiển thị trên trang web sau một khoảng thời gian nhất định. Giả sử, chúng ta có nhiều

again dynamic content 3

ABC

7 để trình bày và sau mỗi lần đếm ngược đầy đủ thời gian, chúng ta sẽ thay đổi chỉ số mảng

Như vậy chúng ta sẽ có cách xử lý động với nhiều nội dung

Trong ví dụ bên dưới, chúng tôi chưa tìm nạp bất kỳ dữ liệu mảng nào như vậy. Thay vào đó, chúng tôi chỉ bắt đầu chu kỳ đồng hồ. Hãy kiểm tra hàng rào mã để xem trước tốt hơn

Làm cách nào để làm mới một phần tử JavaScript?

reload() 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.

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

getElementById('KHUNG KHUNG KHUNG CỦA BẠN'). nội dung Tài liệu. vị trí. tải lại(true);

Chúng ta có thể làm mới một div không?

Trong jQuery, bạn có thể sử dụng hàm setInterval() để làm mới hoặc tải nội dung mới bên trong phần tử DIV tại một khoảng thời gian nhất định .

Làm cách nào để kiểm tra xem trang có được làm mới trong JavaScript không?

Cách tốt hơn để biết rằng trang đã thực sự được tải lại hay chưa là sử dụng đối tượng điều hướng được hầu hết các trình duyệt hiện đại hỗ trợ . Nó sử dụng API thời gian điều hướng. cảm ơn bạn, đây là giải pháp chính xác để phát hiện trang được tải lại từ nhấp chuột phải/làm mới từ trình duyệt hoặc được tải lại bởi url.

Chủ đề