Milline on õige viis spetsiaalsete HTML-üksustega stringi dekodeerimiseks?

Milline On Oige Viis Spetsiaalsete Html Uksustega Stringi Dekodeerimiseks



HTML-iga töötades on võimalik kohata erimärke või sümboleid, mis on kodeeritud HTML-i olemite abil. Need olemid algavad ampersandiga ' & ' ja lõpetage semikooloniga ' ; ', nagu näiteks ' < ', mis tähistab sümbolit ' < ”. Oluline on stringist välja jätta spetsiaalsed HTML-i elemendid/olemid, et kontrollida, kas lõplik string on kasutatav ega sisalda illegaalset koodi, mida brauser saaks käivitada.

See postitus annab teile teada õige viisi stringide dekodeerimiseks spetsiaalsete HTML-üksustega.

Milline on õige viis spetsiaalsete HTML-üksustega stringi dekodeerimiseks?

Spetsiaalseid HTML-i üksusi sisaldava stringi dekodeerimiseks kasutage järgmisi meetodeid.







1. meetod: dekodeerige string, milles on spetsiaalsed HTML-üksused, kasutades elementi 'textarea'

Kasutage HTML-i ' ” element spetsiaalseid HTML-i üksusi sisaldava stringi dekodeerimiseks. See võtab spetsiaalsete HTML-üksustega stringi, kasutades ' sisemine HTML ” vara. Brauser dekodeerib automaatselt tekstialal olevad olemid ja annab lihtsa lihtteksti. Dekodeeritud stringi toomiseks kasutage ' väärtus ” vara.



Näide



Loo muutuja ' kodeeritudString ', mis salvestab stringi, mis sisaldab spetsiaalseid HTML-i üksusi:





konst kodeeritudString = '<div>Tere tulemast Linuxhinti!</div>' ;

Printige konsoolile kodeeritud string:

konsool. logi ( 'Kodeeritud string:' + kodeeritudString ) ;

Looge HTML element ' tekstiala ' kasutades ' looElement() ” meetod:



konst tekstiala = dokument. looElement ( 'tekstiala' ) ;

Edastage kodeeritud string tekstialale, kasutades ' sisemine HTML ” vara:

tekstiala. sisemine HTML = kodeeritudString ;

Nüüd hankige dekodeeritud string, kasutades ' väärtus ' tekstiala atribuuti ja salvestage see muutujasse ' dekodeeritudString ”:

konst dekodeeritudString = tekstiala. väärtus ;

Lõpuks kuvage dekodeeritud string konsoolil, kasutades ' console.log() ” meetod:

konsool. logi ( 'Dekodeeritud string:' + dekodeeritudString ) ;

Väljund näitab, et spetsiaalseid HTML-i olemeid sisaldav string on edukalt dekodeeritud:

Ülaltoodud lähenemisviis on lihtne ja selge ning sobib lihtsate stsenaariumide jaoks. Kui proovite käsitleda keerulisi HTML-i struktuure, siis see ebaõnnestub. Selleks kasutage meetodit 'parseFromString()'.

2. meetod: dekodeerige string, milles on spetsiaalsed HTML-üksused, kasutades meetodit 'parseFromString()'

Teine viis stringi dekodeerimiseks spetsiaalsete HTML-üksustega on ' parseFromString() ” meetod. See on eelnevalt loodud meetod DOMParser ” objekt. See aitab sõeluda XML- või HTML-stringi ja seejärel luua sellest uue DOM-dokumendi objekti.

Näide

Esiteks looge uus objekt ' DOMParser ' kasutades ' uus ” märksõna:

konst parser = uus DOMParser ( ) ;

Helistage ' parseFromString() ' meetod ja edastage parameetrid ' kodeeritud string ' keeruka HTML-i struktuurina ja ' tekst/html ”. See ütleb meetodi, kuidas käsitleda kodeeritud stringi HTML-ina. Kasuta ' tekstSisu ” kehaelemendi omadus dekodeeritud stringi saamiseks:

konst dekodeeritudString = parser. parseFromString ( ` doctype html >< keha > $ { kodeeritudString } ` , 'text/html' ) . keha . tekstSisu ;

Printige dekodeeritud string konsoolile:

konsool. logi ( 'Dekodeeritud string:' + dekodeeritudString ) ;

Väljund

Oleme esitanud kõik olulised juhised, mis on seotud stringi dekodeerimisega spetsiaalsete HTML-üksustega.

Järeldus

Spetsiaalseid HTML-i üksusi sisaldava stringi dekodeerimiseks kasutage HTML-elementi ' tekstiala ” või

parseFromString() ' meetod ' DOMParser ” objekt. Lähenemine