Koks yra teisingas būdas iššifruoti eilutę, kurioje yra specialių HTML objektų?

Koks Yra Teisingas Budas Issifruoti Eilute Kurioje Yra Specialiu Html Objektu



Dirbant su HTML galima susidurti su specialiais simboliais ar simboliais, kurie buvo užkoduoti naudojant HTML esybes. Šie objektai prasideda ampersandu ' & “ ir baigiasi kabliataškiu “ ; ', toks kaip ' < “, kuris nurodo simbolį “ < “. Svarbu iš eilutės išskirti specialius HTML elementus / objektus, kad įsitikintumėte, jog galutinę eilutę saugu naudoti ir joje nėra nelegalaus kodo, kurį naršyklė galėtų vykdyti.

Šis įrašas leis jums žinoti, kaip teisingai dekoduoti eilutes naudojant specialius HTML objektus.

Koks yra teisingas būdas iššifruoti eilutę, kurioje yra specialių HTML objektų?

Norėdami iššifruoti eilutę, kurioje yra specialių HTML objektų, naudokite šiuos metodus:





1 būdas: iššifruokite eilutę, kurioje yra specialių HTML objektų, naudodami „textarea“ elementą

Naudokite HTML ' “ elementas, skirtas dekoduoti eilutę, kurioje yra specialių HTML objektų. Tam reikia eilutės su specialiais HTML objektais, naudojant „ vidinis HTML ' nuosavybė. Naršyklė automatiškai iškoduoja estus tekstinėje srityje ir pateikia paprastą tekstą. Norėdami gauti iššifruotą eilutę, naudokite „ vertė ' nuosavybė.



Pavyzdys



Sukurkite kintamąjį ' encodedString “, kurioje saugoma eilutė, kurioje yra specialių HTML objektų:



konst encodedString = „<div>Sveiki atvykę į „Linuxhint“!</div>“ ;

Išspausdinkite užkoduotą eilutę konsolėje:

konsolė. žurnalas ( 'Koduota eilutė:' + encodedString ) ;

Sukurkite HTML elementą “ teksto sritis ' naudojant ' sukurti elementą () “ metodas:



konst teksto sritis = dokumentas. sukurtiElementą ( 'teksto sritis' ) ;

Perduokite užkoduotą eilutę į teksto sritį naudodami „ vidinis HTML ' nuosavybė:

teksto sritis. vidinis HTML = encodedString ;

Dabar gaukite iššifruotą eilutę naudodami „ vertė ' teksto srities atributą ir išsaugokite jį kintamajame ' decodedString “:

konst decodedString = teksto sritis. vertė ;

Galiausiai konsolėje parodykite iššifruotą eilutę naudodami „ console.log() “ metodas:

konsolė. žurnalas ( „Iškoduota eilutė:“ + decodedString ) ;

Išvestis rodo, kad eilutė, kurioje yra specialių HTML objektų, buvo sėkmingai iššifruota:

Aukščiau pateiktas metodas yra paprastas ir aiškus bei tinka paprastiems scenarijams. Jei bandysite tvarkyti sudėtingas HTML struktūras, tai nepavyks. Taigi tam naudokite metodą „parseFromString()“.

2 būdas: iššifruokite eilutę, kurioje yra specialių HTML objektų, naudodami metodą „parseFromString()“

Kitas būdas iššifruoti eilutę naudojant specialius HTML objektus yra „ parseFromString() “ metodas. Tai iš anksto sukurtas metodas DOMParser “ objektas. Tai padeda išanalizuoti XML arba HTML eilutę ir iš jos sukurti naują DOM dokumento objektą.

Pavyzdys

Pirmiausia sukurkite naują objektą DOMParser ' naudojant ' naujas “ raktinis žodis:

konst analizatorius = naujas DOMParser ( ) ;

Skambinti „ parseFromString() 'metodą ir perduoti parametrus' užkoduota eilutė “ kaip sudėtinga HTML struktūra, o „ tekstas/html “. Jis nurodo metodą, kaip užkoduotą eilutę traktuoti kaip HTML. Naudoti ' teksto Turinys “ kūno elemento savybė gauti dekoduotą eilutę:

konst decodedString = analizatorius. parseFromString ( ` doctype html >< kūnas > $ { encodedString } ` , 'tekstas/html' ) . kūnas . teksto Turinys ;

Išspausdinkite iššifruotą eilutę konsolėje:

konsolė. žurnalas ( „Iškoduota eilutė:“ + decodedString ) ;

Išvestis

Pateikėme visas esmines instrukcijas, susijusias su eilutės dekodavimu su specialiais HTML objektais.

Išvada

Norėdami iššifruoti eilutę, kurioje yra specialių HTML objektų, naudokite HTML elementą ' teksto sritis ' arba

“ parseFromString() “ metodas “ DOMParser “ objektas. Metodas