Cách đúng để giải mã một chuỗi có các thực thể HTML đặc biệt trong đó là gì?

Cach Dung De Giai Ma Mot Chuoi Co Cac Thuc The Html Dac Biet Trong Do La Gi



Khi làm việc với HTML, có thể gặp các ký tự hoặc ký hiệu đặc biệt đã được mã hóa bằng các thực thể HTML. Các thực thể này bắt đầu bằng dấu và “ & ” và kết thúc bằng dấu chấm phẩy “ ; ', chẳng hạn như ' < ” biểu thị ký hiệu “ < ”. Điều quan trọng là phải loại trừ các phần tử/thực thể HTML đặc biệt khỏi một chuỗi để xác minh rằng chuỗi cuối cùng an toàn để sử dụng và không chứa mã bất hợp pháp mà trình duyệt có thể thực thi.

Bài đăng này sẽ cho bạn biết cách giải mã đúng các chuỗi với các thực thể HTML đặc biệt.

Cách đúng để giải mã một chuỗi có các thực thể HTML đặc biệt trong đó là gì?

Để giải mã một chuỗi chứa các thực thể HTML đặc biệt trong đó, hãy sử dụng các phương thức sau:





Phương pháp 1: Giải mã một chuỗi có các thực thể HTML đặc biệt trong đó bằng cách sử dụng phần tử “textarea”

Sử dụng HTML “ ” để giải mã một chuỗi chứa các thực thể HTML đặc biệt. Phải mất một chuỗi với các thực thể HTML đặc biệt bằng cách sử dụng “ bên trongHTML ' tài sản. Trình duyệt tự động giải mã các thực thể trong vùng văn bản và đưa ra văn bản thuần túy đơn giản. Để truy xuất chuỗi đã giải mã, hãy sử dụng “ giá trị ' tài sản.



Ví dụ



Tạo một biến “ chuỗi mã hóa ” lưu trữ một chuỗi chứa các thực thể HTML đặc biệt trong đó:



hằng số chuỗi mã hóa = '<div>Chào mừng bạn đến với Linuxhint!</div>' ;

In chuỗi được mã hóa trên bàn điều khiển:

bảng điều khiển. đăng nhập ( 'Chuỗi được mã hóa:' + chuỗi mã hóa ) ;

Tạo một phần tử HTML “ vùng văn bản ' sử dụng ' tạo phần tử () ' phương pháp:



hằng số vùng văn bản = tài liệu. tạo phần tử ( 'vùng văn bản' ) ;

Truyền chuỗi được mã hóa vào vùng văn bản bằng cách sử dụng “ bên trongHTML ' tài sản:

vùng văn bản. bên trongHTML = chuỗi mã hóa ;

Bây giờ, lấy chuỗi đã giải mã bằng cách sử dụng “ giá trị ” thuộc tính của vùng văn bản và lưu trữ nó trong một biến “ giải mãString ”:

hằng số giải mãString = vùng văn bản. giá trị ;

Cuối cùng, hiển thị chuỗi đã giải mã trên bảng điều khiển bằng cách sử dụng “ console.log() ' phương pháp:

bảng điều khiển. đăng nhập ( 'Chuỗi giải mã:' + giải mãString ) ;

Đầu ra chỉ ra rằng chuỗi chứa các thực thể HTML đặc biệt đã được giải mã thành công:

Cách tiếp cận trên là đơn giản và rõ ràng, và nó phù hợp với các tình huống đơn giản. Nếu bạn cố gắng xử lý các cấu trúc HTML phức tạp, nó sẽ thất bại. Vì vậy, để làm được điều đó, hãy sử dụng Phương thức “parseFromString()”.

Phương pháp 2: Giải mã một chuỗi có các thực thể HTML đặc biệt trong đó bằng cách sử dụng phương thức “parseFromString()”

Một cách khác để giải mã một chuỗi với các thực thể HTML đặc biệt là “ parseFromString() ' phương pháp. Nó là một phương pháp dựng sẵn của “ DOMParser ' sự vật. Nó giúp phân tích một chuỗi XML hoặc HTML và sau đó tạo một đối tượng tài liệu DOM mới từ nó.

Ví dụ

Đầu tiên, tạo một đối tượng mới của “ DOMParser ' sử dụng ' mới ” từ khóa:

hằng số trình phân tích cú pháp = mới DOMParser ( ) ;

Gọi ' parseFromString() ” phương thức và truyền tham số “ chuỗi mã hóa ” là một cấu trúc HTML phức tạp, và “ văn bản/html ”. Nó báo cho phương thức xử lý chuỗi được mã hóa dưới dạng HTML. Sử dụng ' văn bảnnội dung ” thuộc tính của phần tử body để lấy chuỗi đã giải mã:

hằng số giải mãString = trình phân tích cú pháp. phân tích cú phápFromString ( ` tài liệu html >< thân hình > $ { chuỗi mã hóa } ` , 'văn bản/html' ) . thân hình . văn bảnnội dung ;

In chuỗi đã giải mã trên bàn điều khiển:

bảng điều khiển. đăng nhập ( 'Chuỗi giải mã:' + giải mãString ) ;

đầu ra

Chúng tôi đã cung cấp tất cả các hướng dẫn cần thiết liên quan đến việc giải mã một chuỗi với các thực thể HTML đặc biệt.

Phần kết luận

Để giải mã một chuỗi chứa các thực thể HTML đặc biệt trong đó, hãy sử dụng phần tử HTML “ vùng văn bản ' hoặc là

“ parseFromString() ” phương pháp của “ DOMParser ' sự vật. Phương pháp