Trang chủ Lập trình Javascript - HTML Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Viết hàm javascript kiểm tra font Awesome đã được load hay chưa

Hôm nay mình có viết 1 tiện ích nhỏ chạy trên nền web trong đó có phần phải tải font Awesome để sử dụng một số icon từ font chữ này. Tất cả đều ổn tuy nhiên khi mặc định mình để tải cho tất cả. Vấn đề ở đây xảy ra với các trang web đã và đang sử dụng Awesome trên trang của mình thì nó sẽ bị chớp nháy 1 cái (tải lại font nó hay bị thế).

Vậy làm sao để khắc phục tình trạng này. Chắc chắn là phải viết hàm kiểm tra xem font Awesome đã được tải trước khi tiện ích này chạy. Và đây là hàm cần dùng:

Giải thích:

Hàm này sẽ thêm 1 phần tử span đặt ở chế độ ẩn và thêm class fa (tên class mặc định của font Awesome). Tiếp đó sẽ chạy lệnh kiểm tra CSS nếu phần tử này font-familyFontAwesome thì chứng tỏ font Awesome đã được tải còn không thì ngược lại. Và sau khi check thì xóa phần tử này.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Facebook, Apple tố cáo lẫn nhau trục lợi từ thu thập dữ liệu người dùng

Trong một bức thư gửi những người ủng hộ quyền riêng tư, apple cho biết họ sẽ triển khai việc "theo dõi tính minh...

Quyết định nghỉ việc

Sáng nay nhận tin nhắn thằng bạn nhắn qua: "Tao nghỉ việc rồi". Rồi chợt nhớ đêm qua nằm suy nghĩ là lâu rồi...

Shopify hợp tác cùng TikTok

Vào ngày 27/10 vừa qua, ứng dụng chia sẻ video ngắn đình đám TikTok đã ký kết hợp tác với Shopify - công ty...

Google Adsense sẽ hỗ trợ thanh toán qua PayPal, PayOneer và TransferWise?

Google đã có thông báo rằng sẽ ngưng thanh toán qua Western Union từ năm 2021. Và mới đây trong một email gửi đến...

Dịch vụ hosting miễn phí từ 123HOST

123HOST là một nhà cung cấp hosting, VPS, Server, tên miền uy tín tại Việt Nam. Và ngày 10/10/2020 vừa qua, 123Host thông báo...

BẠN XEM CHƯA

Tạo bài kiểm tra trắc nghiệm chuyên nghiệp thật dễ dàng với Wondershare Quizcreator

Bạn muốn tổ chức một cuộc thi trắc nghiệm trên máy tính nhưng chưa tìm ra giải pháp khả thi để cụ thể hóa...

Tạo một địa chỉ nhận hàng ở nước ngoài với Shipito

Vì một lý do nào đó bạn cần có một địa chỉ ở nước ngoài (Mỹ, Châu Âu) để thực hiện các giao dịch...

Google Chrome sẽ ngưng hỗ trợ cho các phiên bản hệ điều hành cũ

Nếu bạn đang sử dụng trình duyệt Google Chrome trên máy tính chạy các phiên bản hệ điều hành cũ như Windows XP hoặc...

EA Origin tồn tại lỗ hổng bảo mật: 300 triệu người dùng bị ảnh hưởng

Gần đây, các chuyên gia bảo mật từ Check Point Research và CyberInt đã tiết lộ một lỗ hổng từ dịch vụ EA Origin....

Đoạn mã giúp thay thế link ảnh hỏng bằng hình ảnh định trước

Để làm nổi bật nội dung cho bài viết khi đăng lên website hoặc blog ta thường dùng hình ảnh minh họa kèm theo....