Mikä on oikea tapa purkaa merkkijono, jossa on erityisiä HTML-kokonaisuuksia?

Mika On Oikea Tapa Purkaa Merkkijono Jossa On Erityisia Html Kokonaisuuksia



HTML:n kanssa työskennellessä on mahdollista kohdata erikoismerkkejä tai symboleja, jotka on koodattu HTML-entiteeteillä. Nämä entiteetit alkavat et-merkillä ' & ' ja päättyy puolipisteeseen ' ; ', kuten ' < ' joka osoittaa symbolin ' < ”. On tärkeää sulkea pois erityiset HTML-elementit/entiteetit merkkijonosta varmistaaksesi, että lopullinen merkkijono on turvallinen käyttää ja että se ei sisällä laitonta koodia, jonka selain voisi suorittaa.

Tämä viesti kertoo sinulle oikean tavan purkaa merkkijonoja erityisillä HTML-kokonaisuuksilla.

Mikä on oikea tapa purkaa merkkijono, jossa on erityisiä HTML-kokonaisuuksia?

Jos haluat purkaa merkkijonon, joka sisältää erityisiä HTML-kokonaisuuksia, käytä seuraavia menetelmiä:







Tapa 1: Pura merkkijono, jossa on erityisiä HTML-kokonaisuuksia 'textarea'-elementin avulla

Käytä HTML-koodia ' ”-elementti erityisiä HTML-kokonaisuuksia sisältävän merkkijonon dekoodaamiseen. Se vie merkkijonon erityisillä HTML-entiteeteillä käyttämällä ' innerHTML ” omaisuutta. Selain purkaa automaattisesti tekstialueen entiteetit ja antaa yksinkertaisen tekstin. Dekoodatun merkkijonon hakemiseen käytä ' arvo ” omaisuutta.



Esimerkki



Luo muuttuja ' EncodedString ', joka tallentaa siihen erityisiä HTML-kokonaisuuksia sisältävän merkkijonon:





konst EncodedString = '<div>Tervetuloa Linuxhintiin!</div>' ;

Tulosta koodattu merkkijono konsoliin:

konsoli. Hirsi ( 'Koodattu merkkijono:' + EncodedString ) ;

Luo HTML-elementti ' tekstialue ' käyttämällä ' createElement() 'menetelmä:



konst tekstialue = asiakirja. CreateElement ( 'tekstialue' ) ;

Välitä koodattu merkkijono tekstialueelle käyttämällä ' innerHTML ”omaisuus:

tekstialue. innerHTML = EncodedString ;

Hanki nyt dekoodattu merkkijono käyttämällä ' arvo 'tekstialueen attribuutti ja tallenna se muuttujaan' decodedString ':

konst decodedString = tekstialue. arvo ;

Näytä lopuksi dekoodattu merkkijono konsolissa käyttämällä ' console.log() 'menetelmä:

konsoli. Hirsi ( 'Dekoodattu merkkijono:' + decodedString ) ;

Tulos osoittaa, että erityisiä HTML-olioita sisältävä merkkijono on purettu onnistuneesti:

Yllä oleva lähestymistapa on yksinkertainen ja selkeä, ja se sopii yksinkertaisiin skenaarioihin. Jos yrität käsitellä monimutkaisia ​​HTML-rakenteita, se epäonnistuu. Käytä siis 'parseFromString()' -menetelmää.

Tapa 2: Pura merkkijono, jossa on erityisiä HTML-entiteettiä 'parseFromString()'-menetelmällä

Toinen tapa purkaa merkkijono erityisillä HTML-kokonaisuuksilla on ' parseFromString() ”menetelmä. Se on valmiiksi rakennettu menetelmä ' DOMParser ”objekti. Se auttaa jäsentämään XML- tai HTML-merkkijonoa ja sitten luomaan siitä uuden DOM-dokumenttiobjektin.

Esimerkki

Luo ensin uusi objekti ' DOMParser ' käyttämällä ' Uusi 'avainsana:

konst jäsentäjä = Uusi DOMParser ( ) ;

Soita ' parseFromString() 'menetelmä ja välitä parametrit' koodattu merkkijono ' monimutkaisena HTML-rakenteena ja ' teksti/html ”. Se kertoo menetelmän käsitellä koodattua merkkijonoa HTML-muodossa. Käytä ' tekstisisältö ” body-elementin ominaisuus saada dekoodattu merkkijono:

konst decodedString = jäsentäjä. parseFromString ( ` doctype html >< kehon > $ { EncodedString } ` , 'text/html' ) . kehon . tekstisisältö ;

Tulosta dekoodattu merkkijono konsolissa:

konsoli. Hirsi ( 'Dekoodattu merkkijono:' + decodedString ) ;

Lähtö

Olemme toimittaneet kaikki olennaiset ohjeet, jotka liittyvät merkkijonon purkamiseen erityisillä HTML-kokonaisuuksilla.

Johtopäätös

Jos haluat purkaa merkkijonon, joka sisältää erityisiä HTML-kokonaisuuksia, käytä HTML-elementtiä ' tekstialue ' tai

' parseFromString() 'menetelmä' DOMParser ”objekti.