Jaki jest właściwy sposób na dekodowanie ciągu, który ma w sobie specjalne podmioty HTML?

Podczas pracy z HTML możliwe jest spotkanie z znakami specjalnymi lub symbolami, które zostały zakodowane za pomocą jednostek HTML. Te jednostki zaczynają się od ampersand ”I”I zakończyć półkolisem”;", Jak na przykład "<”, Który wskazuje symbol„<". Ważne jest, aby wykluczyć specjalne elementy/podmioty HTML z ciągu, aby sprawdzić, czy końcowy ciąg jest bezpieczny w użyciu i nie zawiera nielegalnego kodu, który przeglądarka może wykonać.

Ten post poinformuje Cię o właściwym sposobie dekodowania ciągów ze specjalnymi podmiotami HTML.

Jaki jest właściwy sposób na dekodowanie ciągu, który ma w sobie specjalne podmioty HTML?

Aby zdekodować ciąg, który zawiera specjalne podmioty HTML, użyj następujących metod:

• Element „TextArea”
• Metoda „ParsefromString ()”

Metoda 1: Odkoduj ciąg, który ma w nim specjalne jednostki HTML za pomocą elementu „TextArea”

Użyj HTML "„Element do dekodowania ciągu zawierającego specjalne podmioty HTML. Wymaga sznurka ze specjalnymi jednostkami HTML za pomocą „InnerHtml" nieruchomość. Przeglądarka automatycznie dekoduje jednostki w TextArea i podaje prosty prosty tekst. Aby odzyskać zdekodowany ciąg, użyj „wartość" nieruchomość.

Przykład

Utwórz zmienną „kodowane”, Który przechowuje w nim sznurek zawierający specjalne podmioty HTML:

const kodedString = '';;

Wydrukuj zakodowany ciąg na konsoli:

konsola.log („kodowany ciąg:” + encodedString);

Utwórz element HTML ”TextArea" używając "createElement ()" metoda:

const TextArea = Dokument.CreateElement („TextArea”);

Przekaż zakodowany ciąg do TEXTArea za pomocą „InnerHtml" nieruchomość:

TextArea.innerHtml = enkodEdString;

Teraz zdobądź dekodowany ciąg za pomocą „wartość„Atrybut TextArea i przechowuj go w zmiennej”dekodowane”:

const dekodedString = textArea.wartość;

Na koniec wyświetl dekodowany ciąg na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log („Dekodowany ciąg:” + dekodedString);

Wyjście wskazuje, że ciąg zawierający specjalne jednostki HTML został pomyślnie zdekodowany:

Powyższe podejście jest proste i jasne i nadaje się do prostych scenariuszy. Jeśli spróbujesz poradzić sobie z złożonymi strukturami HTML, zawiedzie. W tym celu użyj metody „pochodząca.

Metoda 2: Dekoduj ciąg, który ma w nim specjalne jednostki HTML za pomocą metody „ParseFromString ()”

Innym sposobem na dekodowanie ciągu ze specjalnymi jednostkami HTML jest „pochodzenie" metoda. Jest to wstępnie zbudowana metoda „DOMPARSER" obiekt. Pomaga przeanalizować ciąg XML lub HTML, a następnie utworzyć z niego nowy obiekt dokumentu DOM.

Przykład

Najpierw stwórz nowy obiekt „DOMPARSER" używając "nowy”Słowo kluczowe:

const parser = new DOMPARSER ();

Zadzwoń do "pochodzenie„Metoda i przekaż parametry”kodowany ciąg„Jako złożona struktura HTML i„tekst/html". Mówi metodę traktowania kodowanego ciągu jako HTML. Użyj "TextContent„Własność elementu ciała, aby uzyskać dekodowany ciąg:

const dekodedString = parser.pocieczka ('$ EncodedString ', „text/html”).ciało.TextContent;

Wydrukuj dekodowany ciąg na konsoli:

konsola.log („Dekodowany ciąg:” + dekodedString);

Wyjście

Zapewniliśmy wszystkie podstawowe instrukcje dotyczące dekodowania łańcucha ze specjalnymi podmiotami HTML.

Wniosek

Do dekodowania ciągu zawierającego w nim specjalne podmioty HTML, użyj elementu HTML „TextArea" albo

"pochodzenie„Metoda„DOMPARSER" obiekt. Podejście jest odpowiednie do prostych scenariuszy, podczas gdy metoda pochodzenia na kropki jest solidniejszym i bezpiecznym podejściem, które może poradzić sobie z złożonymi strukturami HTML. Zaleca się użycie metody „pochodzącej na kromię” do dekodowania ciągu zawierającego jednostki HTML. Ten post opisał właściwy sposób dekodowania ciągów ze specjalnymi podmiotami HTML.