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

Nền tảng trực tuyến cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

Internet Explorer chính thức bị khai tử sau 25 năm

Trong bài đăng trên trang blog chính thức vào hôm thứ hai (17/8), Microsoft công bố họ sẽ không còn tiếp tục hỗ trợ...

PayPal lần đầu tiên bổ nhiệm giám đốc điều hành ở Trung Quốc

PayPal liên tiếp có những động thái cho thấy nền tảng thanh toán trực tuyến hàng đầu thế giới này sẽ tiếp cận thị...

BẠN XEM CHƯA

Quản trị… tình yêu

- Khi bạn đi với 1 cô gái đó là bán lẻ. - Khi bạn đi với nhiều cô gái đó là bán sỉ. - Khi...

Dev làm Chef: Làm sữa chua

Nhà có tủ lạnh thế mà mấy năm nay không biết làm sữa chua để ăn toàn phải đi mua. Thế rồi sẵn trời...

Mozilla Firefox 68 chính thức phát hành

Như vậy là Mozilla Firefox 68 đã chính thức phát hành. Ngay bây giờ người dùng có thể truy cập vào trang web chính...

Kinh nghiệm ăn nhậu

GẦY KÈO Bạn bè lâu lâu cũng phải mời nhau nhậu vì nhiều khi không được mời nhậu nó nổi khùng... Đánh chết người vì...