Thực thể html giải mã javascript
Show Vit Tertiumnon Làm theo 22 Tháng mười một, 2018 · 1 phút đọc JavaScript. Cách giải mã và mã hóa các thực thể HTML JavaScript không có phương thức nào để mã hóa và giải mã các thực thể HTML, vì vậy bạn có thể sử dụng các hàm này Giải mã thực thể HTMLfunction decodeHTMLEntities(text) { Giải mã thực thể HTML (JQuery)function decodeHTMLEntities(text) { Mã hóa thực thể HTMLfunction encodeHTMLEntities(text) { Mã hóa thực thể HTML (JQuery)function encodeHTMLEntities(text) { Các thực thể HTML có thể được giải mã bằng cách sử dụng một số phương pháp khác nhau liên quan đến thư viện JavaScript vanilla hoặc JavaScript. Hướng dẫn này sẽ chỉ đi qua các phương pháp JavaScript cơ bản để giải mã các thực thể HTML vì chúng dễ dàng và đơn giản Decoding HTML Entities with the DOM ElementPhương pháp đầu tiên là sử dụng phần tử textarea. Như tên gợi ý, phần tử textarea được sử dụng để tạo một vùng văn bản đơn giản trong đó mỗi ký tự được hiểu là văn bản thuần túy đơn giản giải mã chức năng ( str ) { Trong đoạn mã trên, trước tiên chúng ta tạo phần tử textarea bằng cách sử dụng tài liệu. phương thức createElement(). Sau đó, chúng tôi đã viết chuỗi chứa các thực thể HTML bên trong vùng văn bản bằng thuộc tính InternalHTML. Bằng cách này, chuỗi sẽ được chuyển đổi thành văn bản đơn giản và các thực thể sẽ được chuyển đổi thành ký tự. Cuối cùng, chúng tôi đã trả về chuỗi được lưu trữ bên trong biến txt là vùng văn bản Bây giờ nếu chúng ta gọi hàm giải mã với một thực thể HTML làm tham số, nó sẽ trả về nó dưới dạng văn bản đơn giản let encodedStr = "; Giải mã các thực thể HTML với DOMParser. phương thức parseFromString()Phương pháp thứ hai là sử dụng DOMParser. phương thức parseFromString(). DOMParser. parseFromString() lấy một chuỗi chứa HTML và trả về nó dưới dạng một phần tử HTML giải mã chức năng ( str ) { Trong đoạn mã trên, trước tiên chúng ta chuyển chuỗi dưới dạng đối số cho DOMParser. parseFromString() và lấy lại nó dưới dạng một phần tử HTML bằng cách chỉ định đối số thứ hai là “text/html”. Sau đó, chúng tôi đã trả về nội dung văn bản của phần tử HTML mới được tạo Bây giờ gọi hàm giải mã() let encodedStr = "; Phần kết luậnCác thực thể HTML là cần thiết để xem đúng văn bản trên các trang web. Một số trang web chứa các đoạn mã dưới dạng văn bản đơn giản. Nếu không có Thực thể, sẽ rất khó để phân biệt đâu là mã HTML cho trang web và đâu chỉ là văn bản thuần túy Các ký tự dành riêng trong HTML phải được thay thế bằng các thực thể ký tự Một số ký tự được dành riêng trong HTML If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags. Các thực thể ký tự được sử dụng để hiển thị các ký tự dành riêng trong HTML Một thực thể nhân vật trông như thế này &entity_name; HOẶC LÀ entity_number;Để hiển thị dấu nhỏ hơn (<), chúng ta phải viết. < hoặc < Lợi ích của việc sử dụng tên thực thể. Tên thực thể dễ nhớ Không gian không phá vỡMột thực thể thường được sử dụng trong HTML là không gian không phá vỡ. Khoảng trắng không ngắt là khoảng trắng sẽ không ngắt thành một dòng mới Hai từ cách nhau bởi dấu cách không ngắt sẽ dính vào nhau (không ngắt thành dòng mới). Điều này rất hữu ích khi ngắt các từ có thể gây rối ví dụ Một cách sử dụng phổ biến khác của khoảng trống không phá vỡ là để ngăn trình duyệt cắt bớt khoảng trắng trong các trang HTML Nếu bạn viết 10 khoảng trắng trong văn bản của mình, trình duyệt sẽ xóa 9 khoảng trắng trong số đó. Để thêm khoảng trắng thực vào văn bản của mình, bạn có thể sử dụng thực thể ký tự Mẹo. Dấu gạch ngang không ngắt (‑) được sử dụng để xác định ký tự gạch nối (‑) không ngắt thành một dòng mới Một số thực thể ký tự HTML hữu íchGhi chú. Tên thực thể phân biệt chữ hoa chữ thường Kết hợp dấu phụDấu phụ là một "glyph" được thêm vào một chữ cái Một số dấu phụ, như dấu huyền ( ̀) và dấu sắc ( ́) được gọi là trọng âm Dấu phụ có thể xuất hiện cả bên trên và bên dưới một chữ cái, bên trong một chữ cái và giữa hai chữ cái Dấu phụ có thể được sử dụng kết hợp với các ký tự chữ và số để tạo ra một ký tự không có trong bộ ký tự (mã hóa) được sử dụng trong trang |