İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözmenin Doğru Yolu Nedir?

Icinde Ozel Html Varliklari Olan Bir Dizinin Kodunu Cozmenin Dogru Yolu Nedir



HTML ile çalışırken, HTML varlıkları kullanılarak kodlanmış özel karakterler veya sembollerle karşılaşmak mümkündür. Bu varlıklar bir 've işareti' ile başlar ' & ” ve noktalı virgülle sonlandırın” ; ', örneğin ' < ' sembolünü gösteren ' < ”. Son dizenin kullanımının güvenli olduğunu ve tarayıcının çalıştırabileceği hiçbir yasa dışı kod içermediğini doğrulamak için özel HTML öğelerini/varlıklarını bir dizeden hariç tutmak önemlidir.

Bu gönderi, dizeleri özel HTML varlıklarıyla çözmenin doğru yolunu size bildirecektir.

İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözmenin Doğru Yolu Nedir?

İçinde özel HTML varlıkları bulunan bir dizenin kodunu çözmek için aşağıdaki yöntemleri kullanın:







Yöntem 1: “textarea” Öğesini Kullanarak İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözün

HTML'yi kullanın ' ” Özel HTML varlıkları içeren bir dizenin kodunu çözmek için öğe. “ Kullanarak özel HTML varlıklarına sahip bir dize alır. içHTML ' mülk. Tarayıcı, textarea'daki varlıkların kodunu otomatik olarak çözer ve basit düz metni verir. Kodu çözülmüş dizeyi almak için “ değer ' mülk.



Örnek



Bir değişken oluşturun ' kodlanmışDize ”, içinde özel HTML varlıkları içeren bir dize saklar:





sabit kodlanmışDize = '<div>Linuxhint'e Hoş Geldiniz!</div>' ;

Kodlanmış dizeyi konsolda yazdırın:

konsol. kayıt ( 'Kodlanmış Dizi: ' + kodlanmışDize ) ;

Bir HTML öğesi oluşturun ' metin alanı ' kullanmak ' öğe oluştur() ' yöntem:



sabit metin alanı = belge. öğe oluştur ( 'metin alanı' ) ;

Kodlanmış dizgiyi ' kullanarak textarea'ya iletin. içHTML ' mülk:

metin alanı. içHTML = kodlanmışDize ;

Şimdi, kodu çözülmüş dizgiyi “ kullanarak alın. değer ” textarea'nın özniteliği ve onu bir değişkende saklayın” decodedString ”:

sabit decodedString = metin alanı. değer ;

Son olarak, kodu çözülmüş dizeyi konsolda “ kullanarak görüntüleyin. konsol.log() ' yöntem:

konsol. kayıt ( 'Kodu Çözülmüş Dizi: ' + decodedString ) ;

Çıktı, özel HTML varlıkları içeren dizenin kodunun başarıyla çözüldüğünü gösterir:

Yukarıdaki yaklaşım basit ve açıktır ve basit senaryolar için uygundur. Karmaşık HTML yapılarını işlemeye çalışırsanız başarısız olur. Bunun için “parseFromString()” Yöntemini kullanın.

Yöntem 2: “parseFromString()” Yöntemini Kullanarak İçinde Özel HTML Varlıkları Olan Bir Dizinin Kodunu Çözün

Özel HTML varlıklarına sahip bir dizenin kodunu çözmenin başka bir yolu da “ ayrıştırmakFromString() ' yöntem. Bu önceden oluşturulmuş bir yöntemdir “ DOMParser ' nesne. Bir XML veya HTML dizesini ayrıştırmaya ve ardından ondan yeni bir DOM belge nesnesi oluşturmaya yardımcı olur.

Örnek

İlk olarak, “ için yeni bir nesne oluşturun. DOMParser ' kullanmak ' yeni ” anahtar kelime:

sabit ayrıştırıcı = yeni DOMParser ( ) ;

Ara ' ayrıştırmakFromString() ” yöntemi ve parametreleri iletin” kodlanmış dizi ” karmaşık bir HTML yapısı olarak ve “ metin/html ”. Yönteme, kodlanmış dizeyi HTML olarak ele almasını söyler. Kullan ' Metin içeriği ” kodu çözülmüş dizeyi almak için body öğesinin özelliği:

sabit decodedString = ayrıştırıcı. dizeden ayrıştırma ( ` doktip html >< vücut > $ { kodlanmışDize } ` , 'metin/html' ) . vücut . Metin içeriği ;

Kodu çözülmüş dizeyi konsolda yazdırın:

konsol. kayıt ( 'Kodu Çözülmüş Dizi: ' + decodedString ) ;

Çıktı

Özel HTML varlıklarıyla bir dizenin kodunu çözmekle ilgili tüm temel talimatları sağladık.

Çözüm

İçinde özel HTML varlıkları içeren bir dizenin kodunu çözmek için, ' HTML öğesini kullanın. metin alanı ' ya da

ayrıştırmakFromString() ' yöntemi' DOMParser ' nesne.