Aspirant Academy
ENहिं

MCQ

प्रश्नपत्र-II (xvi) — वेब डेवलपमेंट MCQ - उत्तर सहित अभ्यास प्रश्न

RAS/RPSC तैयारी के लिए प्रश्नपत्र-II (xvi) — वेब डेवलपमेंट के 52 प्रश्न हल करें।

अभ्यास प्रश्न

प्र.1कोई डेवलपर चाहता है कि उपयोगकर्ता ड्रॉप-डाउन सूची से मान चुनते ही वेब पेज का अनुच्छेद तुरंत बदल जाए और पेज फिर से लोड न हो। यह डायनेमिक HTML व्यवहार सबसे सीधे किस संयोजन से मिलेगा?

A केवल XML घोषणा और स्टाइलशीट लिंक
B पेज ब्राउजर तक पहुंच जाने के बाद PHP चर को मान देना
C केवल स्थिर HTML टैग और सर्वर को दोबारा शुरू करना
D JavaScript इवेंट हैंडलिंग के साथ DOM में बदलाव
व्याख्या

डायनेमिक HTML में HTML की संरचना, CSS की प्रस्तुति और क्लाइंट-साइड स्क्रिप्टिंग मिलकर पेज लोड होने के बाद बदलाव कराते हैं। इस मामले में JavaScript ड्रॉप-डाउन के चेंज इवेंट को सुनती है और फिर DOM से अनुच्छेद नोड को बदलती है। पूरे पेज को फिर से लोड करने की जरूरत नहीं पड़ती।

प्र.2DOM में HTML दस्तावेज़ को नोडों के वृक्ष के रूप में दिखाने का मुख्य वैचारिक महत्व क्या है?

A यह लोडिंग के बाद JavaScript को पेज-सामग्री बदलने से रोकता है।
B यह हर HTML पेज को क्लाइंट पर PHP की तरह चलने योग्य बना देता है।
C यह ब्राउज़र में CSS सेलेक्टरों की जरूरत खत्म कर देता है।
D यह स्क्रिप्ट को दस्तावेज़ के तत्वों, गुणों, पाठ और इवेंट तक पहुँचने का संरचित तरीका देता है।
व्याख्या

DOM किसी दस्तावेज़ को रूटेड नोड-वृक्ष के रूप में मॉडल करता है। व्यावहारिक DHTML का आधार यही संरचना है: JavaScript नोड खोज सकती है, उनके गुण पढ़ या बदल सकती है, सामग्री जोड़ या हटा सकती है और उपयोगकर्ता-इंटरफ़ेस तत्वों पर इवेंट-लिसनर लगा सकती है।

प्र.3ब्राउज़र स्क्रिप्ट में कोई डेवलपर document.querySelectorAll(".notice") का परिणाम सहेजता है और बाद में class="notice" वाला एक और तत्व दस्तावेज़ में जोड़ता है। मानक DOM व्यवहार के हिसाब से कौन-सा कथन सबसे सही है?

A यह मेथड केवल टैग नाम से चुन सकता है, इसलिए क्लास सिलेक्टर अमान्य है।
B सहेजा हुआ परिणाम केवल एक बार document.write() चलाने के बाद अद्यतन होता है।
C सहेजा हुआ परिणाम स्थिर NodeList ही रहता है; नया तत्व पहले से लौटाई गई सूची में अपने-आप नहीं जुड़ता।
D सहेजा हुआ परिणाम सजीव HTMLCollection बन जाता है और नया तत्व तुरंत उसमें शामिल हो जाता है।
व्याख्या

यहां DOM में सजीव और स्थिर संग्रह का अंतर पूछा गया है। document.querySelectorAll दिए गए संदर्भ में सिलेक्टर को जांचकर उसी कॉल के लिए स्थिर NodeList लौटाता है। बाद में मेल खाने वाले नए तत्व जोड़े जाएं तो कोड को फिर से क्वेरी करनी होगी या जोड़े गए नोड को सीधे संभालना होगा। DHTML में यह बात ज़रूरी है, क्योंकि गतिशील बदलावों को वे स्क्रिप्ट चूक सकती हैं जो मान लेती हैं कि सहेजी हुई सूची अपने-आप बदलती रहेगी।

प्र.4एक HTML तत्व `<p id="msg" class="warn" style="color: green">Text</p>` में रंग हरा देकर इनलाइन शैली दी गई है। बाहरी स्टाइलशीट में `#msg { color: red; }` और `.warn { color: blue; }` हैं। यदि कहीं `!important` नहीं है, तो सामान्यतः पैराग्राफ़ के पाठ का कौन-सा रंग लागू होगा?

A हरा, क्योंकि सामान्य इनलाइन शैली-घोषणा कैस्केड में बाहरी स्टाइलशीट नियमों से ऊपर रहती है।
B ब्राउज़र का डिफ़ॉल्ट रंग, क्योंकि टकराने वाले लेखक नियम एक-दूसरे को रद्द कर देते हैं।
C नीला, क्योंकि क्लास सिलेक्टर को ID सिलेक्टर के बाद परखा जाता है।
D लाल, क्योंकि ID सिलेक्टर हमेशा इनलाइन शैली को पीछे कर देता है।
व्याख्या

CSS कैस्केड में स्रोत, विशिष्टता और क्रम को साथ में देखा जाता है। यहाँ क्लास तथा ID दोनों बाहरी स्टाइलशीट के सामान्य नियम हैं, जबकि `style` एट्रिब्यूट उसी तत्व पर दी गई इनलाइन शैली है। `!important` न हो तो यही इनलाइन शैली जीतती है, इसलिए रंग हरा दिखेगा।

प्र.5PHP में जमा किए गए नाम को HTML उत्तर में दिखाते समय विशेष HTML वर्णों को सुरक्षित रूप में बदलने के लिए कौन-सा कथन अधिक सुरक्षित है?

A echo css_escape($_POST['name']);
B echo document.getElementById('name');
C echo $_POST['name'];
D echo htmlspecialchars($_POST['name']);
व्याख्या

जब PHP फॉर्म से आए डेटा को HTML पृष्ठ में डालता है, तो कच्चा आउटपुट मार्कअप की तरह पढ़ा जा सकता है। बुनियादी उदाहरणों में `htmlspecialchars` वह मानक PHP फ़ंक्शन है जो मान को छापने से पहले विशेष वर्णों को सुरक्षित HTML एंटिटीज़ में बदलता है।

आपने 52 में से 5 नमूना प्रश्न देख लिए हैं

प्रश्नपत्र-II (xvi) — वेब डेवलपमेंट पर अनलिमिटेड अभ्यास RAS टेस्ट सीरीज़ + प्रैक्टिस पैक या गेट पास में मिलता है।

और प्रश्न

6वेब पेज बनाते समय ब्राउज़र में JavaScript जिस DOM का उपयोग करती है, उसका सबसे सही वर्णन कौन-सा है?

Aयह PHP ऐरे है जो सर्वर पर जमा किए गए फॉर्म मान रखता है।
Bयह HTML या XML दस्तावेज़ को नोड के पेड़ के रूप में दिखाता है, जिसे स्क्रिप्ट पढ़ और बदल सकती है।
Cयह केवल वेब सर्वर पर रखी मूल HTML स्रोत फाइल होती है।
Dयह ऐसी CSS फाइल है जो सभी तत्वों का अंतिम रंग और लेआउट तय करती है।

7DHTML के संदर्भ में, उपयोगकर्ता के क्लिक करने पर किसी मेनू आइटम का रूप बदलने के लिए कौन-सा संयोजन सबसे सीधे काम आता है?

Aसंरचना के लिए HTML, प्रस्तुति के लिए CSS, और घटना-आधारित बदलावों के लिए DOM के साथ JavaScript।
Bकेवल PHP वेरिएबल, क्योंकि सर्वर वेरिएबल हर क्लिक के बाद पेज को अपने-आप बदल देते हैं।
Cकेवल HTML टिप्पणियाँ, क्योंकि टिप्पणियाँ इंटरफ़ेस तत्वों को छिपा और दिखा सकती हैं।
Dकेवल XML DTD, क्योंकि डायनैमिक प्रस्तुति दस्तावेज़-प्रकार घोषणाओं से नियंत्रित होती है।

8JavaScript में `typeof [1, 2, 3]` का परिणाम क्या आता है?

A"object"
B"number"
C"array"
D"list"

9PHP में कोई फॉर्म POST मेथड से भेजा गया है और उसमें ईमेल नाम वाला इनपुट है। प्राप्त करने वाले PHP पेज पर भेजे गए ईमेल फ़ील्ड को पढ़ने का सामान्य सीधा स्रोत कौन-सा पूर्वनिर्धारित वेरिएबल है?

A$email
B$_POST["email"]
C$_GET["email"]
D$_COOKIE["email"]

10वेब पेज बनाते समय किसी टेक्स्ट बॉक्स के साथ दिखने वाला नाम ऐसा जोड़ना है कि नाम पर क्लिक करते ही वही इनपुट फोकस हो जाए। इसके लिए सबसे सही HTML जोड़ी कौन-सी है?

A<label for="userName">Name</label><input id="userName" type="text">
B<p id="userName">Name</p><input label="userName" type="text">
C<label name="userName">Name</label><input for="userName" type="text">
D<span for="userName">Name</span><input name="userName" type="text">

11PHP में कोई HTML फॉर्म POST मेथड से भेजा गया है और उसमें `email` नाम का इनपुट फील्ड है। प्रोसेसिंग स्क्रिप्ट में भेजे गए मान को पढ़ने के लिए सामान्यतः कौन-सा रूप इस्तेमाल होता है?

A$_POST['email']
B$_GET['email']
Cdocument.email.value
D$POST['email']

12कौन-सा XML अंश सही ढंग से बना हुआ है?

A<book><title>Web</title><title>CSS</book>
B<book><title>Web</book></title>
C<book id="101"><title>Web</title></book>
D<book id=101><title>Web</title></book>

13किसी अनुच्छेद पर नीचे दिए गए CSS नियम लागू होते हैं। `<p id="notice" class="alert">Text</p>` के लिए कौन-सा रंग इस्तेमाल होगा? p { color: black; } .alert { color: red; } #notice { color: blue; }

Aनीला, क्योंकि ID चयनकर्ता क्लास और तत्व चयनकर्ताओं से अधिक विशिष्ट है।
Bकाला, क्योंकि तत्व चयनकर्ता p पहले लिखा गया है।
Cकोई रंग नहीं, क्योंकि तीन मेल खाते CSS नियम घोषणा को अमान्य बना देते हैं।
Dलाल, क्योंकि क्लास चयनकर्ता हमेशा ID चयनकर्ता को निष्प्रभावी कर देता है।

14पेज को दोबारा लोड किए बिना, id="status" वाले मौजूदा तत्व के अंदर दिख रहा पाठ बदलने के लिए JavaScript में कौन-सा कथन सबसे उपयुक्त है?

Aphp.echo('#status', 'Ready');
Bdocument.css('status').text = 'Ready';
Cdocument.getElementById('status').textContent = 'Ready';
Dwindow.location = 'Ready';

15जिस HTML फॉर्म की मेथड `post` हो, उससे भेजे गए मान पढ़ने के लिए PHP में सामान्यतः कौन-सा सुपरग्लोबल इस्तेमाल किया जाता है?

A$_GET
B$_POST
C$_COOKIE
D$_SERVER

नेटवर्किंग एवं वेब में और विषय

डेटा कम्युनिकेशन और कंप्यूटर नेटवर्कनेटवर्क सुरक्षासंचार प्रणालियों के मूल सिद्धांतकंप्यूटर नेटवर्क की बुनियादी बातें

अन्य विषय देखें

समसामयिकीभारतीय अर्थव्यवस्थातर्कशक्ति एवं मानसिक योग्यताविज्ञान एवं प्रौद्योगिकीभारतीय संविधान एवं शासनराजस्थान इतिहास, कला एवं संस्कृतिपर्यावरण एवं पारिस्थितिकीराजस्थान का भूगोल