JavaScript DOM in hindi? - DOM क्या है?

आज हम javascript full course in hindi मे हम JavaScript DOM in hindi? - DOM क्या है? के बारे में जानकारी देते क्या होती है तो चलिए शुरु करते हैं- 

JavaScript DOM in hindi - DOM क्या है? :-

Full form of DOM - Document Object Model (डॉक्यूमेन्ट ऑब्जेक्ट मॉडल ) 

web document की programming और axis करने की mechanism को object model कहते हैं । वेब पेज और साइट तैयार करने के लिए document tree का मॉडल देने वाली technology document object model ( DOM ) होती है । DOM एक प्लेटफॉर्म होता है जो किसी script program को document के components , Structures , और styles को axis व update करने की सुविधा देता है । यह एक interface है जो किसी script को document में axis और amendment करने को management करता है ।

  DOM में एक मॉडल होता है जो यह व्यक्त करता है कि html और xml document के objects किस प्रकार कम्बाइन होते हैं और axis और manipulation के लिए कैसे interface करते हैं । 

हम microsoft internet explorer 5.0 में DOM मॉडल का प्रयोग कर सकते हैं और इस dynamic model का लाभ उठा सकते हैं ।

Benefites of the DOM in hindi :-

1. वेब डवलपर DHTML ( or dynamic HTML ) का उपयोग करते हुए complex document और डाटा को मैनेज कर सकते हैं । 

2 . DOM एक ऐसा नमूना देता है जिससे हम अपने वेब डॉक्यूमेन्ट और वेब साइट को format में तैयार कर सकते हैं।

3 . हम document tree के एक भाग से दूसरे भाग में कन्टेन्ट को नष्ट व पुनः तैयार किए बिना ही जा सकते हैं । 

4 . DOM के होने से एलीमेन्ट तैयार करके उन्हें document tree के किसी भाग से अटैच किया जा सकता है । 

5 . document के विभाजन में ब्रॉचिंग को DOM सरल बना देता है । 

document tree के एक भाग से दूसरे भाग में content को remove व पुनः तैयार किए बिना ही जा सकने की सुविधा होने से script program का आकार भी छोटा रहता है और ऐसा script अधिक efficient होता है ।

onClick :-

यह एक javascript handler है जो इसके Target object पर क्लिक करने पर यह इसमें दिए गए statement को execute कर देता है । इसका प्रयोग form में बटन के साथ होता है ।

 Syntax :-

onClick = " Function Name (Argument) 

onMouseOver:-

ऐसा javascript handler है । जब किसी document link के ऊपर से माउस पॉइंटर गुजरता है तो यह इसमें दिए गए statement को execute कर देता है । 

Syntax :-

onMouse Over = " Function Name (Argument) " 

onSubmit :-

यह javascript handler है जो इसके target form के submit होने पर इसमें दिए गए statement को execute कर देता है ।

 Syntax :-

 onSubmit = " Function Name (Argument) "

on Focus :-

यह javascript handler है जब इसके Target object पर focus आने पर यह इसमें दिए गए statement को execute कर देता है । यह विण्डोज़ में < FRAMESET > टैग के साथ कार्य नहीं करता है । 

Syntax :-

 onFocus = " Statement "

 on Change :-

यह javascript handler है जब इसके Target object पर focus आने के बाद user उसके मान को परिवर्तित करता है तो यह इसमें दिए गए statement को execute कर देता है । 

Syntax :-

 onChange = " Statement " 

 on Blur:-

 ऐसा javascript handler है जो इसके Target object पर से focus जाने पर इसमें दिए गए Statement को execute कर देता है । यह विण्डोज़ में < FRAMESET > टैग के साथ कार्य नहीं करता है । 

Syntax:-

 onBlur = " Statement "

onload :-

जब target image load होती है या windows का target image load होता है तो यह javascript handler है इसमें दिए गए Statement को execute कर देता है । 

Syntax :-

onLoad = " Statement " 

onUnload :-

जब target image unload होती है या windows का target image unload होता है तो यह javascript handler है इसमें दिए गए Statement को execute कर देता है । 

Syntax:-

 onUnload = " Statement " 

alert:-

 यह एक window ऑब्जेक्ट का एक मैथड है जो एक डायलॉग बॉक्स display करता है और इस मैथड में इसके Syntax में दी जाने वाली स्ट्रिंग पास होती है । इससे मैसेज बॉक्स में एक OK बटन स्थित होता है जिसकी सहायता user इसे बन्द कर सकता है ।

 Syntax:-

 window.alert ( " string " ) ; or alert ( " string " ) ;

prompt:-

 Interactive state में ऐसा भी सम्भव है कि किसी डायलॉग बॉक्स के माध्यम से massage display हो और उसी डायलॉग बॉक्स में user से सूचना इनपुट करवायी जाए । prompt मैथड window ऑब्जेक्ट का एक मैथड है जो एक डायलॉग बॉक्स display करता है जिसमें दिया गया मैसेज तो display होता ही है साथ ही इनपुट के लिए एक टैक्स्टफील्ड भी display होता है । यह OK और Cancel नामक दो बटन display करता है । इस मैथड में दो स्ट्रिंग आर्ग्यूमेन्ट के रूप में दी जाती हैं , पहली प्रॉम्प्ट संदेश का कार्य करती है तथा दूसरी टैक्स्टफील्ड में display करने के लिए होती है । यदि दूसरी स्ट्रिंग का प्रयोग नहीं किया जाता है तो टैक्स्टफील्ड में डीफॉल्ट टैक्स्ट < undefined > display होता है । 

Syntax:-

L window.prompt ( " string 1 " , " string 2 " ) ;

 or 

Variable = prompt ( " string 1 " , " string 2 " );

 confirm:-

 window ऑब्जेक्ट का मैथड prompt interactive web page के लिए एक उपयोगी मैथड होता है । यह एक डायलॉग बॉक्स display करता है जिसमें OK और Cancel बटन के साथ दिया गया मैसेज display होता है लेकिन यह user के क्लिक करने के एक Logical value true अथवा false रिटर्न करता है । रिटर्न की गई Logical value को किसी वेरियेबल में store किया जाता है । confirm मैथड OK बटन पर क्लिक होने पर true वेल्यू और Cancel क्लिक होने पर false वेल्यू रिटर्न करता है ।

 Syntax :-

Variable = window.confirm ( " string " ) ;

 or 

Variable = confirm ( " string " ) ;