JavaScript क्या है- What is JavaScript in Hindi

javascript kya hai

अगर आप HTML और CSS के बारे में जानते है तो आपको पता होगा कि इन दोनों से हम एक वेबपेज को स्ट्रक्चर देते है और उसे presentable बनाते है। लेकिन वैबसाइट का मतलब केवल यह नहीं कि वह सिर्फ देखने योग्य हो! जब तक कोई वैबसाइट के द्वारा कुछ स्पेशल operations नहीं किए जा सकते वह बेकार होती है। HTML या CSS वेबपेज पर operations perform करने में सक्षम नहीं है। तब हमें ऐसी programming technology की आवश्यकता हुई जो वेबपेज की गतिविधियों को मैनेज कर सके। चलिये हम आपको JavaScript के बारें में पूरी जानकारी देते है।

JavaScript क्या है?

JavaScript एक स्क्रिप्टिंग लैंगवेज़ है जो वेबपेज का behavior manage करती है। वैबसाइट में functionality add करने का कार्य JavaScript द्वारा ही किया जाता है, इससे विजिटर्स आपकी वैबसाइट के कंटैंट से इंटेरेक्ट कर पाते है। यह क्लाईंट-साइड और सर्वर-साइड language दोनों की तरह है जो user के computer पर run हो सकती है। pop-up show करना, क्लिक Functions, Calculations, Operations आदि जैसी JavaScript द्वारा वेबपेज पर किया जा सकता है। जैसे किसी visitor से उसका नाम, पता, मोबाइल नंबर आदि जानकारी लेने के लिए अगर आपको एक फॉर्म बनाना है तो जावास्क्रिप्ट इसके लिए बेहतरीन टूल है।

javascript kya hai hindi

JavaScript को मई 1995 में नेटस्केप(Netscape) कंपनी के प्रोग्रामर Brendan Eich द्वारा develop किया था। इसका official स्टैंडर्ड नाम ECMA Script(एकमा स्क्रिप्ट) है लेकिन लोकप्रिय नाम JavaScript है। यह बीते 13 वर्षो से सबसे ज्यादा उपयोग की जाने वाली और top 5 programming language में इसका नाम रहा है। एक वेबपेज की कल्पना javascript के बिना कर पाना मुस्किल है।

JavaScript code को HTML के साथ लिखा जा सकता है। HTML की तरह JavaScript को भी Mozilla, Google Chrome, Safari, Firefox आदि browsers द्वारा समझा व काम में लाया जा सकता है। इसलिए इसे client-side स्क्रिप्टिंग लैंगवेज़ भी कहते है। JavaScript बहुत user फ्रेंडली है इसे निम्न उद्देश्यों के लिए उपयोग किया जात है:-

  • फॉर्म भरने में विजिटर्स की सहायता के लिए पॉपअप Text डिस्प्ले करने में।
  • विभिन्न वैबसाइट और वेबपेज के लिए निर्देश देने में।
  • स्लाइड शो, एनिमेशन और कूल इफ़ेक्ट्स प्रदान करने में।
  • दोबारा आने वाले visitors की डिटेल्स को याद रखकर उन्हे personalised अनुभव प्रदान करने के लिए।

जब JavaScript को ब्राउज़र में चलाया जाता है तो HTML के साथ संलग्न किया जाता है, HTML document में JavaScript के कोड को लिखने के लिए एक स्पेशल tag को जोड़ा जाता है। HTML code के head section में <script></script> टैग को जोड़ा जाता है। आइये हम आपको “Hello Readers” मेसेज के साथ पॉपअप बॉक्स डिस्प्ले करने के लिए JavaScript प्रोग्राम बताते है।

Example JavaScript Code:

कोई भी कोड एडिटर ओपन करें, उसमें नीचे दिया गया कोड टाइप करें।

<html>
<head>
<title>This is JS program</title>
</head>
<body>
<script> //this tells browser that JavaScript
alert("Hello Readers"); //This alerts the user with the text given include
</script>

</body>
</html>

फ़ाइल को .html (example: first_js_program.html) के रूप में सेव करें। अब फ़ाइल पर डबल क्लिक करके ओपन करें। आपको ‘OK’ बटन के साथ “Hello, Readers” का पॉपअप डिस्प्ले होता है।


अन्य पोस्ट पढ़े→


JavaScript कोड को उपयोग करने के तरीके

जावास्क्रिप्ट के कोड को वेबपेजों में 3(तीन) तरीकों से शामिल किया जा सकता है:

1.HTML file में <script></script> tag का उपयोग करके।

2.External JavaScript file को src=”” attribution द्वारा HTML code में <head> tag में लिंक करके। external फ़ाइल का extension .js होता है।

<script src="javascript_file.js"> </script>

3.HTML इवैंट का उपयोग करके- जब HTML फ़ाइल के body tag में किसी इवैंट को अदद किया जाता है जैसे onclick, onsubmit, onfocus, onkeypress आदि तो ये manually और ऑटोमैटिक execute हो सकते है।

JavaScript Onclick Example:

<html>
<body>

<h1>The onclick Event</h1>

<p>The onclick event is used to trigger a function when an element is clicked on.</p>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

JavaScript Onload Example:

<!DOCTYPE html>
<html>
<body onload="myFunction()">

<h1>Hello World!</h1>

<script>
function myFunction() {
alert("Page is loaded");
}
</script>

</body>
</html>

JavaScript Alert Box:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Alert</h2>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
alert("I am an alert box!");
}
</script>

</body>
</html>

मुझे उम्मीद है आपको JavaScript के बारें में अच्छी जानकारी हो गयी होगी। अगर आप जावास्क्रिप्ट को सीखना चाहते है तो मैं आपको यहाँ कुछ फ्री लर्निंग सोर्सेस प्रदान करने जा रहा हूँ-

Leave a Comment