Ebből a bejegyzésből megismerheti a karakterláncok speciális HTML-entitásokkal történő dekódolásának helyes módját.
Mi a helyes módja egy speciális HTML-entitásokat tartalmazó karakterlánc dekódolásának?
Egy speciális HTML-entitásokat tartalmazó karakterlánc dekódolásához használja a következő módszereket:
1. módszer: Különleges HTML-entitásokat tartalmazó karakterlánc dekódolása a „textarea” elem használatával
Használja a HTML-t ' ” elem speciális HTML entitásokat tartalmazó karakterlánc dekódolásához. Ehhez egy karakterláncra van szükség speciális HTML-entitásokkal a „ innerHTML ' ingatlan. A böngésző automatikusan dekódolja a szövegterület entitásait, és egyszerű szöveget ad. A dekódolt karakterlánc lekéréséhez használja a ' érték ' ingatlan.
Példa
Hozzon létre egy változót ' encodedString ', amely egy speciális HTML-entitásokat tartalmazó karakterláncot tárol:
const encodedString = '<div>Üdvözöljük a Linuxhintben!</div>' ;
Nyomtassa ki a kódolt karakterláncot a konzolon:
konzol. log ( 'Kódolt karakterlánc:' + encodedString ) ;Hozzon létre egy HTML elemet ' textarea ' használni a ' createElement() ” módszer:
const textarea = dokumentum. CreateElement ( 'textarea' ) ;
Adja át a kódolt karakterláncot a szövegterületnek a ' innerHTML ' ingatlan:
textarea. innerHTML = encodedString ;Most szerezze be a dekódolt karakterláncot a ' érték ' attribútumot a textare és tárolja egy változóban ' decodedString ”:
const decodedString = textarea. érték ;Végül jelenítse meg a dekódolt karakterláncot a konzolon a „ console.log() ” módszer:
konzol. log ( 'Dekódolt karakterlánc:' + decodedString ) ;A kimenet azt jelzi, hogy a speciális HTML entitásokat tartalmazó karakterlánc sikeresen dekódolásra került:
A fenti megközelítés egyszerű és világos, és alkalmas egyszerű forgatókönyvekre. Ha megpróbálja kezelni az összetett HTML-struktúrákat, az sikertelen lesz. Tehát ehhez használja a „parseFromString()” metódust.
2. módszer: Egy speciális HTML-entitásokat tartalmazó karakterlánc dekódolása a „parseFromString()” módszerrel
A karakterlánc speciális HTML entitásokkal történő dekódolásának másik módja a „ parseFromString() ” módszerrel. Ez egy előre beépített módszer a „ DOMParser ' tárgy. Segít egy XML vagy HTML karakterlánc elemzése, majd új DOM dokumentum objektum létrehozása belőle.
Példa
Először hozzon létre egy új objektumot a ' DOMParser ' használni a ' új ” kulcsszó:
const elemző = új DOMParser ( ) ;Hívja a ' parseFromString() ' módszert és adja át a paramétereket' kódolt karakterlánc ' mint egy összetett HTML-struktúra, és a ' szöveg/html ”. Megmondja a módszert, hogy a kódolt karakterláncot HTML-ként kezelje. Használja a ' textContent ” a body elem tulajdonsága, hogy megkapja a dekódolt karakterláncot:
const decodedString = elemző. parseFromString ( ` doctype html >< test > $ { encodedString } ` , 'text/html' ) . test . textContent ;Nyomtassa ki a dekódolt karakterláncot a konzolon:
konzol. log ( 'Dekódolt karakterlánc:' + decodedString ) ;Kimenet
Megadtuk az összes lényeges utasítást, amely egy karakterlánc speciális HTML-entitásokkal történő dekódolásához szükséges.
Következtetés
Egy speciális HTML entitásokat tartalmazó karakterlánc dekódolásához használja a HTML elemet ' textarea ' vagy a
' parseFromString() ' módszere a ' DOMParser ' tárgy. A