उस स्ट्रिंग को डीकोड करने का सही तरीका क्या है जिसमें विशेष HTML इकाइयां हैं?

Usa Stringa Ko Dikoda Karane Ka Sahi Tarika Kya Hai Jisamem Visesa Html Ika Iyam Haim



HTML के साथ काम करते समय, विशेष वर्णों या प्रतीकों का सामना करना संभव है जो HTML संस्थाओं का उपयोग करके एन्कोड किए गए हैं। ये संस्थाएँ एक एम्परसेंड से शुरू होती हैं ” और 'और एक अर्धविराम के साथ समाप्त करें' ; ', जैसे कि ' < 'जो प्रतीक को दर्शाता है' < ”। यह सत्यापित करने के लिए विशेष HTML तत्वों/इकाइयों को एक स्ट्रिंग से बाहर करना महत्वपूर्ण है कि अंतिम स्ट्रिंग उपयोग करने के लिए सुरक्षित है और इसमें कोई अवैध कोड नहीं है जिसे ब्राउज़र निष्पादित कर सकता है।

यह पोस्ट आपको विशेष HTML संस्थाओं के साथ स्ट्रिंग्स को डिकोड करने का सही तरीका बताएगी।

उस स्ट्रिंग को डीकोड करने का सही तरीका क्या है जिसमें विशेष HTML इकाइयां हैं?

विशेष HTML एंटिटी वाले स्ट्रिंग को डीकोड करने के लिए, निम्न विधियों का उपयोग करें:







विधि 1: 'टेक्सारिया' तत्व का उपयोग करके एक स्ट्रिंग को डिकोड करें जिसमें विशेष HTML इकाइयां हैं

एचटीएमएल का प्रयोग करें ' <पाठ क्षेत्र> विशेष HTML संस्थाओं वाले स्ट्रिंग को डिकोड करने के लिए तत्व। यह '' का उपयोग करके विशेष HTML संस्थाओं के साथ एक स्ट्रिंग लेता है। innerHTML ' संपत्ति। ब्राउज़र स्वचालित रूप से टेक्स्ट क्षेत्र में संस्थाओं को डिकोड करता है और सरल सादा पाठ देता है। डीकोडेड स्ट्रिंग को पुनः प्राप्त करने के लिए, 'का उपयोग करें' कीमत ' संपत्ति।



उदाहरण



एक चर बनाएँ ' एन्कोडेड स्ट्रिंग ” जो इसमें विशेष HTML संस्थाओं वाली एक स्ट्रिंग को संग्रहीत करता है:





कॉन्स्ट एन्कोडेड स्ट्रिंग = '<div>लिनक्सहिंट में आपका स्वागत है!</div>' ;

कंसोल पर एन्कोडेड स्ट्रिंग प्रिंट करें:

सांत्वना देना। लकड़ी का लट्ठा ( 'एन्कोडेड स्ट्रिंग:' + एन्कोडेड स्ट्रिंग ) ;

एक HTML तत्व बनाएँ ' पाठ क्षेत्र ' का उपयोग ' क्रिएट एलिमेंट () ' तरीका:



कॉन्स्ट पाठ क्षेत्र = दस्तावेज़। createElement ( 'पाठ क्षेत्र' ) ;

एन्कोडेड स्ट्रिंग को 'का उपयोग करके टेक्स्टारिया में पास करें' innerHTML ' संपत्ति:

textarea. innerHTML = एन्कोडेड स्ट्रिंग ;

अब, 'का उपयोग करके डिकोडेड स्ट्रिंग प्राप्त करें' कीमत 'पाठ क्षेत्र की विशेषता और इसे एक चर में संग्रहीत करें' decodedString ':

कॉन्स्ट decodedString = textarea. कीमत ;

अंत में, 'का उपयोग करके कंसोल पर डीकोडेड स्ट्रिंग प्रदर्शित करें' कंसोल.लॉग () ' तरीका:

सांत्वना देना। लकड़ी का लट्ठा ( 'डीकोडेड स्ट्रिंग:' + decodedString ) ;

आउटपुट इंगित करता है कि विशेष HTML संस्थाओं वाली स्ट्रिंग को सफलतापूर्वक डिकोड किया गया है:

उपरोक्त दृष्टिकोण सरल और स्पष्ट है, और यह सरल परिदृश्यों के लिए उपयुक्त है। यदि आप जटिल HTML संरचनाओं को संभालने का प्रयास करते हैं, तो यह असफल हो जायेगी। तो, उसके लिए, 'parseFromString ()' विधि का उपयोग करें।

विधि 2: 'ParseFromString ()' विधि का उपयोग करके एक स्ट्रिंग को डिकोड करें जिसमें विशेष HTML निकाय हैं

विशेष HTML संस्थाओं के साथ एक स्ट्रिंग को डिकोड करने का दूसरा तरीका है ' पार्सफ्रॉमस्ट्रिंग () ' तरीका। यह 'की एक पूर्व-निर्मित विधि है' डोमपार्सर ' वस्तु। यह XML या HTML स्ट्रिंग को पार्स करने में मदद करता है और फिर इससे एक नया DOM डॉक्यूमेंट ऑब्जेक्ट बनाता है।

उदाहरण

सबसे पहले, 'की एक नई वस्तु बनाएं' डोमपार्सर ' का उपयोग ' नया 'कीवर्ड:

कॉन्स्ट पार्सर = नया डोमपार्सर ( ) ;

बुलाएं ' पार्सफ्रॉमस्ट्रिंग () 'विधि और पैरामीटर पास करें' एन्कोडेड स्ट्रिंग 'एक जटिल HTML संरचना के रूप में, और' पाठ/एचटीएमएल ”। यह एन्कोडेड स्ट्रिंग को HTML के रूप में व्यवहार करने की विधि बताता है। उपयोग ' टेक्स्ट सामग्री डीकोडेड स्ट्रिंग प्राप्त करने के लिए शरीर तत्व की संपत्ति:

कॉन्स्ट decodedString = पार्सर। parseFromString ( ` डॉक्टरेट एचटीएमएल < शरीर > $ { एन्कोडेड स्ट्रिंग } ` , 'टेक्स्ट/एचटीएमएल' ) . शरीर . टेक्स्ट सामग्री ;

कंसोल पर डीकोडेड स्ट्रिंग प्रिंट करें:

सांत्वना देना। लकड़ी का लट्ठा ( 'डीकोडेड स्ट्रिंग:' + decodedString ) ;

उत्पादन

हमने विशेष HTML संस्थाओं के साथ एक स्ट्रिंग को डिकोड करने के लिए प्रासंगिक सभी आवश्यक निर्देश प्रदान किए हैं।

निष्कर्ष

एक स्ट्रिंग को डीकोड करने के लिए जिसमें विशेष HTML इकाइयां शामिल हैं, HTML तत्व का उपयोग करें ' पाठ क्षेत्र ' या

' पार्सफ्रॉमस्ट्रिंग () 'का तरीका' डोमपार्सर ' वस्तु।