Làm mới trang HTML

Hãy tiếp tục đọc bài viết này để tìm hiểu mọi thứ về quá trình tạo cú pháp trang tải lại HTML trong tài liệu HTML của bạn

nội dung

Trang làm mới HTML là gì?

Trang làm mới HTML là một chức năng được sử dụng để đặt chu kỳ làm mới tự động trên trang web. Đây là một quy trình phổ biến mà bạn có thể triển khai trong tài liệu của mình bằng các phương pháp khác nhau. Thông tin thêm về họ trong phần sau của bài viết này

Ví dụ mã và cú pháp

Có hai cách khác nhau để bạn có thể tạo trang tải lại, trong đó một cách yêu cầu các thành phần HTML cụ thể và cách còn lại yêu cầu bổ sung các chức năng CSS cụ thể. Cho dù bạn sẽ sử dụng phương pháp nào, bạn vẫn phải đặt trước thời gian tải lại trang theo cú pháp. Người dùng sẽ thấy màn hình làm mới HTML ngay khi hết giờ

Quá trình này còn được gọi là làm mới meta HTML vì phần tử HTML được sử dụng. Mặc dù rất có lợi khi tạo một trang web yêu cầu làm mới tự động, nhưng vẫn có những nhược điểm nhất định. Đó là lý do tại sao trong phần sau của bài viết này, chúng ta sẽ xem xét cách bạn có thể tạo cú pháp trang làm mới HTML

– Tạo cú pháp

Như đã giải thích trong phần giới thiệu của bài viết này, có hai phương pháp khác nhau mà bạn có thể sử dụng để tạo cú pháp làm mới trang. Một trong những trường hợp phổ biến nhất khi sử dụng chức năng trang làm mới HTML có lợi với các trang web thời tiết. Họ phải nhận được cập nhật sau một khoảng thời gian ngắn vì thời tiết thay đổi liên tục

Trước đây chúng tôi đã đề cập rằng chức năng làm mới HTML còn được gọi là làm mới meta do phần tử được sử dụng để tạo ra nó. Đó là lý do tại sao chúng ta sẽ bắt đầu quá trình tạo cú pháp bằng cách sử dụng các phần tử và thuộc tính HTML cụ thể. Không dài dòng nữa, chúng ta hãy xem quá trình

– Sử dụng các phần tử HTML cụ thể để tạo cú pháp

Phần tử HTML quan trọng nhất khi tạo cú pháp làm mới là meta. Ngoài ra, bên trong phần tử meta HTML mở đầu, bạn phải bao gồm một vài thuộc tính với các giá trị cụ thể. Vì thẻ meta HTML không chứa bất kỳ phần ngữ cảnh nào từ trang web của bạn, nên bạn phải đưa nó vào phần đầu của tài liệu HTML của mình. Xin lưu ý rằng phần tử meta không có thẻ HTML đóng

Mã Ví dụ 1

Ví dụ sau sẽ chỉ cho bạn cách làm mới trang web trong một khoảng thời gian nhất định

Cú pháp này là tất cả những gì cần thiết để phát triển chức năng làm mới trang trong tài liệu HTML của bạn. Đó là một quy trình đơn giản chỉ bao gồm một số yếu tố và thuộc tính. Tuy nhiên, đôi khi bạn muốn chuyển hướng người dùng đến một trang web khác. Đó là lý do tại sao trong phần sau, chúng tôi sẽ dạy bạn điều đó

– Chuyển hướng người dùng đến một trang web khác

Không phải lúc nào người dùng cũng cần ở lại trên cùng một trang web sau khi bắt đầu chu trình làm mới. Có một thay đổi dễ dàng mà bạn có thể thực hiện để chuyển hướng người dùng đến một trang web hoàn toàn khác bằng cách chỉ định URL đầy đủ. Một lần nữa, bạn phải bao gồm thuộc tính này bên trong thẻ meta, cùng với hai thuộc tính cần thiết khác

Mã ví dụ 2

Sự khác biệt duy nhất trong cú pháp sẽ là việc bổ sung URL cụ thể, như trong ví dụ này

Như ví dụ cho thấy, chỉ cần bao gồm URL trong cùng một thuộc tính nội dung và chia các giá trị bằng dấu chấm phẩy. Tất nhiên, bạn có thể thay đổi giá trị của khoảng thời gian làm mới thành giá trị phù hợp với mình nhất. Vì HTML http-equiv trình bày một thuộc tính quan trọng sau khi tạo cú pháp, chúng ta hãy tìm hiểu thêm về nó

Tìm hiểu về Thuộc tính HTML http-equiv

Thuộc tính HTML http-equiv đã được sử dụng trong tất cả các ví dụ mà chúng tôi đã cho bạn thấy trước đây. Do đó, điều này có nghĩa là nó là một trong những thuộc tính quan trọng nhất trong cú pháp trang làm mới hoàn chỉnh. Thuộc tính http-equiv được sử dụng làm chỉ thị pragma và có một số giá trị bạn có thể gán. Các giá trị cho thuộc tính HTML này được hiển thị trong danh sách sau

• chính sách bảo mật nội dung – một giá trị thuộc tính được sử dụng để chỉ định chính sách nội dung cho trang web hiện tại
• content-type – một giá trị thuộc tính được sử dụng để khai báo kiểu MIME và ký tự mã hóa của tài liệu hiện tại
• kiểu mặc định – một giá trị thuộc tính được sử dụng để đặt biểu định kiểu CSS mặc định
• tương thích với x-ua – một giá trị thuộc tính được sử dụng để tuyên bố rằng người dùng phải có IE Edge
• làm mới – một giá trị thuộc tính được sử dụng để đặt trước tính năng tự động làm mới trang web hiện tại

Như bạn có thể thấy, mặc dù giá trị làm mới HTML, có một số giá trị khác mà bạn có thể sử dụng trong cú pháp http-equiv của mình mà không mắc lỗi. Tuy nhiên, bạn cần chính xác vì mỗi giá trị có một chức năng cụ thể và được sử dụng với một mục đích cụ thể. Bây giờ, chúng ta hãy xem phương pháp thứ hai để tạo cú pháp trang làm mới HTML bằng cách sử dụng các hàm JavaScript cụ thể

– Sử dụng các hàm JavaScript để tạo trang làm mới HTML

Các hàm JavaScript thường được sử dụng bên trong tài liệu HTML của bạn để cải thiện giao diện người dùng trên trang web của bạn. Đó là lý do tại sao việc tạo chức năng làm mới trang bằng JavaScript rất trực quan và dễ học. Bạn có thể viết các hàm JavaScript trong cùng một tài liệu HTML bằng cách lồng chúng vào bên trong phần tử tập lệnh HTML

Mã ví dụ 3

Trong ví dụ đầu tiên này, chúng tôi sẽ chỉ cho bạn cú pháp hoàn chỉnh để tạo chức năng tự động làm mới

chức năng timedRefresh(timeoutPeriod) {
setTimeout(“vị trí. tải lại (đúng);,thời gian chờ);
}
cửa sổ. onload = timeRefresh(5000);
//   –>

Trang này sẽ làm mới 5 giây một lần do giá trị ‘5000’, tương đương với 5 giây.

Tạo chức năng trang làm mới HTML là một quá trình có thể rất hữu ích để cải thiện chức năng trang web của bạn. Thật may mắn cho bạn, bài viết này đã giúp bạn trở thành một chuyên gia trong việc tạo cú pháp cần thiết chứa tất cả các phần tử, thuộc tính và hàm

5/5 - (23 phiếu)

Vị trí là tất cả

Vị trí là tất cả. Tài nguyên Go-To của bạn để Tìm hiểu & Xây dựng. CSS, JavaScript, HTML, PHP, C++ và MYSQL

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

Cách làm mới trang bằng JavaScript với vị trí. 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. 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 trang trong CSS?

Bất cứ khi nào bạn thực hiện các thay đổi đối với CSS, JavaScript và đang xem trang bạn đã cập nhật - bạn sẽ thấy vấn đề này. Bạn có thể buộc làm mới bằng cách nhấn CTRL+F5 trên trình duyệt và thao tác đó sẽ nhận được phiên bản mới nhất.