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

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

BÀI VIẾT MỚI

Hướng dẫn tạo bộ đếm lùi thời gian bằng JavaScript

Mới đó mà đã gần nửa năm 2021 trôi qua. Tình hình dịch bệnh COVID-19 cũng chẳng mấy khả quan. Nhưng vẫn cứ hy...

Hướng dẫn tạo hiệu ứng mưa rơi trên trang web với JavaScript

Quy Nhơn chớm bước vào mùa hè với nắng nóng. Những lúc thế này tự nhiên lại thèm những cơn mưa để giải tỏa...

Instagram ra mắt tính năng tạo chú thích tự động cho Stories và Reels

Tiếp bước TikTok, Instagram hiện cũng đã ra mắt tính năng tạo chú thích (caption) tự động của riêng mình. Tính năng mới này đã...

Facebook đã chính thức cập nhật tính năng “bong bóng chat” trên iPhone

Mới đây, Facebook đã chính thức cập nhật tính năng Chat Heads (hay còn gọi là bong bóng chat) trên iPhone, cho phép người...

Facebook Workplace đạt mốc 7 triệu người dùng trả phí

Vào thứ Ba vừa rồi, Facebook vừa mới thông báo ứng dụng Facebook Workplace của họ tính cho tới thời điểm hiện tại đã...

BẠN XEM CHƯA

Sở hữu hosting tại iPage chỉ với 1USD/tháng

iPage được đánh giá là dịch vụ lưu trữ web top 10 của thế giới. Bản thân mình cũng đang sử dụng dịch vụ...

Chặn tải hình ảnh dung lượng lớn trên Firefox

Hình ảnh lớn khiến trang web tải nặng nề hơn và rất tốn dung lượng nếu bạn đang sử dụng 4G hay 3G để...

Resophnotes – Ghi chú nhanh chóng trên Windows

Với những người hay quên thì những mẫu ghi chú nhỏ là giải pháp hữu hiệu để giúp ghi nhớ những việc gì đó...

Cách lấy thông tin địa chỉ IP nội bộ (IPv6) trong VB.Net

Trong hướng dẫn này, Mạng Bình Định sẽ hướng dẫn bạn cách lấy địa chỉ IP cục bộ bằng Visual Basic 2015. Phương thức...

Kem dừa Bangkok Quy Nhơn

Kem dừa Bangkok Quy Nhơn là sản phẩm được nhượng quyền công thức sản xuất Kem dừa từ Thái Lan. Đây là cửa hàng...