Using JavaScript in HTML
जावास्क्रिप्ट का एचटीएमएल में प्रयोग
जावास्क्रिप्ट एवं एचटीएमएल
JavaScript and HTML
जावास्क्रिप्ट एक कम्प्लीट लैंग्वेज नहीं है, इसे किसी एचटीएमएल डॉक्यूमेंट के साथ प्रयोग किया जाता है।
जावास्क्रिप्ट को HTML और CSS के साथ वेबपेज को इंटरेक्टिव बनाने और वेब ऐप बनाने के लिए किया जाता है।
जावास्क्रिप्ट को HTML डॉक्यूमेंट में इनलाइन कोड के रूप में प्रयोग किया जा सकता है या एक अलग फ़ाइल के रूप में एक्सटर्नल डॉक्यूमेंट के रूप में प्रयोग किया जा सकता है जिसे ब्राउज़र HTML डॉक्यूमेंट के साथ डाउनलोड करेगा।
जावास्क्रिप्ट के लिए एक टेक्स्ट-एडिटर और एक ब्राउज़र की आवश्यकता होती है। सामान्य रूप से हम नोटपैड एवं इन्टनेट एक्स्प्लोरर / गूगल क्रोम अथवा फायरफॉक्स का उपयोग कर सकते हैं।
HTML डॉक्यूमेंट में जावा स्क्रिप्ट का प्रयोग
Using JavaScript in HTML
HTML डॉक्यूमेंट में जावास्क्रिप्ट को दो प्रकार से प्रयोग किया जा सकता है।
1- एम्बेडेड / इनलाइन जावास्क्रिप्ट (Embedded / Inline JavaScript )
जावास्क्रिप्ट में इनलाइन कोड को दो प्रकार से प्रयोग किया जा सकता है - Head सेक्शन अथवा Body सेक्शन में।
➥ यदि किसी जावास्क्रिप्ट कोड बार बार प्रयोग किया जाना है तो उसे एचटीएमएल डॉक्यूमेंट के <head> सेक्शन में प्रयोग किया जाता है।
➥ यदि जावास्क्रिप्ट कोड छोटा हो अथवा उसे एक बार ही प्रयोग किया जाना है तो उसे <body> सेक्शन में प्रयोग किया जाता है।
2- एक्सटर्नल जावास्क्रिप्ट (External JavaScript)
यदि एक से अधिक एचटीएमएल डॉक्यूमेंट में एक जैसे जावास्क्रिप्ट कोड का प्रयोग करना हो तो उसे एक्सटर्नल जावास्क्रिप्ट फाइल के द्वारा प्रयोग किया जा सकता है। जावास्क्रिप्ट कोड को अलग फाइल में लिख कर उसे .js एक्स्टेन्शन से सेव करके प्रयोग किया जा सकता है।
स्क्रिप्ट टैग का प्रयोग
Using Script Tag
जावास्क्रिप्ट कोड को HTML में <script> टैग के द्वारा प्रयोग किया जाता है। <Script> टैग को HTML के <head> सेक्शन अथवा <body> सेक्शन में प्रयोग किया जा सकता है, यह इस बात पर निर्भर करता है कि आप जावास्क्रिप्ट को कब लोड करना चाहते हैं। आम तौर पर , जावास्क्रिप्ट कोड को HTML के <head> सेक्शन के अंदर रखा जाता है। <script> टैग के बीच के कोड को ब्राउज़र द्वारा स्क्रिप्ट के रूप में रीड किया जाता है।
<Script> टैग के दो महत्वपूर्ण ऐट्रिब्यूट्स हैं:
➥ Language : यह atttribute निश्चित करता है कि आप किस स्क्रिप्टिंग भाषा का उपयोग कर रहे हैं, इसकी वैल्यू “javascript” होती है।
➥ Type : यह विशेषता वह है जो अब स्क्रिप्टिंग को इंगित करने के लिए अनुशंसित है उपयोग में भाषा और उसके मूल्य को "text/javascript" पर सेट किया जाना चाहिए।
इसे निम्नानुसार प्रयोग किया जाता है।
<script language="javascript"
type="text/javascript">
</script>
नोटपैड में निम्नानुसार जावास्क्रिप्ट कोड को टाइप कीजिए।
इस प्रोग्राम में document.write फंक्शन का प्रयोग किया गया है जो कि HTML में स्ट्रिंग को लिखने के लिए प्रयोग किया जाता है।
जावास्क्रिप्ट प्रोग्राम स्ट्रक्चर
JavaScript Program Structure
किसी भाषा में प्रोग्राम लिखने के लिए प्राथमिक नियमों का एक सेट होता है जो यह निश्चित करता है कि उस प्रोग्रामिंग भाषा में प्रोग्राम कोड को किस प्रकार से लिखा जाए इसे प्रोग्राम संरचना (Program Structure) कहते हैं। यह प्रोग्रामिंग भाषा
के वाक्य-विन्यास (Syntax) वेरिएबल के नाम, कमेंट्स एवं स्टेटमेंट आदि को निर्दिष्ट करती है। हालांकि जावास्क्रिप्ट एक केस सेंसिटिव लैंग्वेज है, लेकिन इसमें भी लोअरकेस में कमांड टाइप करना अच्छा प्रोग्रामिंग प्रैक्टिस है।
➥ केस सेन्सिटिव (Case-Sensitive) : यह भी ध्यान दिया जाना चाहिए कि जावास्क्रिप्ट केस सेंसिटिव है। इसमें lowercase एवं uppercase को अलग अलग समझा जाता है। इसलिए keywords, variables, एवं function names को हमेशा सावधानीपूर्वक प्रयोग करना चाहिए । जावास्क्रिप्ट में Time एवं TIME को हमेशा अलग समझा जाता है ।
➥ Space / Tabs / New Lines: इसके अलावा जावास्क्रिप्ट , space , tabs एवं new line को भी ignore करता है। इसलिए इस प्रोग्राम में स्पेस , टैब और न्यूलाइन्स का इस्तेमाल कर सकते हैं और अपने प्रोग्राम्स को किसी भी फॉर्मेट में बना सकते हैं जिससे कोड को पढ़ने और समझने में आसानी होती है।
➥ जावास्क्रिप्ट प्रोग्राम में हम एक से अधिक शब्दों को प्रयोग करते समय blank space को भी हटा सकते हैं , इसके लिए पहले अक्षर को lowercase एवं उसके बाद के प्रत्येक शब्द के पहले अक्षर को कैपिटल करना होगा। उदाहरण के लिए : " get element by id" को "getElementByID" लिखा जाएगा।
➥ Semicolons : जावास्क्रिप्ट में स्टेटमेंट को C, C ++ और Java की तरह आमतौर पर semicolon का प्रयोग करके लिखा जाता है, लेकिन यदि हम कोड को अलग अलग लाइन में लिख रहे हैं तो कोड को semicolon (अर्धविराम) के बिना लिखा जा सकता है।
उदाहरण :
<script language="javascript" type="text/javascript">
<!--
var1 = 10; var2 = 20;
//-->
</script>
को निम्न प्रकार से भी लिखा जा सकता है।
<script language="javascript" type="text/javascript">
<!--
var1 = 10
var2 = 20
//-->
</script>
➥ Identifire : जावास्क्रिप्ट में आइडेंटिफायर का उपयोग वेरिएबल, फंक्शन, लेबल आदि के लिए किया जाता है यह कोई भी नाम हो सकता है।
➥ Reserve Keywords : जावास्क्रिप्ट में कुछ शब्दों को रिज़र्व वर्ड्स के रूप में उपयोग किया जाता है , इन शब्दों को जावास्क्रिप्ट में आइडेंटिफायर के रूप में उपयोग नहीं किया जा सकता है।
➥ Comments : जावास्क्रिप्ट में C / C++ की तरह ही कमेंट्स का प्रयोग किया जाता है, // के बीच में लिखे गए टेक्स्ट को जावा स्क्रिप्ट द्वारा कमेंट माना जाता है।
// This is a single line JavaScript comment
/* एवं */ के बीच में लिखे गए टेक्स्ट को जावा स्क्रिप्ट द्वारा कमेंट माना जाता है, यह एक से अधिक लाइन का भी हो सकता है।
/* This is a multi line JavaScript comment
Line 1
Line 2
Line 3 */
<! - को भी जावा
स्क्रिप्ट द्वारा कमेंट माना जाता है यह भी सिंगल लाइन कमेंट के लिए प्रयोग किया
जाता है। HTML के क्लोजिंग कमेंट - > को जावास्क्रिप्ट द्वारा स्वीकार नहीं किया जाता है , इसलिए इसे // - > के रूप में लिखा जाना चाहिए।
नोटपैड में निम्नानुसार कोड टाइप कीजिए। || Theory ||
Practicals
|| Video Tutorials
|| Online Test Series ||
जावास्क्रिप्ट हिंदी नोट्स
Learn JavaScript in Hindi
जावास्क्रिप्ट का परिचय (Introduction to JavaScript) जावास्क्रिप्ट का HTML में प्रयोग (Using JavaScript in HTML) जावास्क्रिप्ट वेरिएबल्स (JavaScript Variables) जावास्क्रिप्ट ऑपरेटर्स (JavaScript Operators) जावास्क्रिप्ट कण्ट्रोल स्टेटमेंट (JavaScript Control Statements) जावास्क्रिप्ट लूप स्टेटमेंट (JavaScript Loop Statements) जावास्क्रिप्ट फ़ंक्शन (JavaScript Functions)
जावास्क्रिप्ट प्रेक्टिकल
Learn JavaScript using Practical Exercise
जावास्क्रिप्ट बेसिक एलिमेंट्स (JavaScript Basic Elements) जावास्क्रिप्ट का HTML में प्रयोग (Using JavaScript in HTML) जावास्क्रिप्ट वेरिएबल्स प्रैक्टिकल एक्सरसाइज़ (JavaScript Variables Practical Exercise) जावास्क्रिप्ट ऑपरेटर्स प्रैक्टिकल एक्सरसाइज़ (JavaScript Operators Practical Exercise) जावास्क्रिप्ट कण्ट्रोल स्टेटमेंट प्रैक्टिकल एक्सरसाइज़ (JavaScript Control Statements Practical Exercise) जावास्क्रिप्ट लूप कंट्रोल प्रैक्टिकल एक्सरसाइज़ (JavaScript Loop Control Practical Exercise) जावास्क्रिप्ट फ़ंक्शन (JavaScript Functions)
जावास्क्रिप्ट वीडियो ट्यूटोरियल
Learn How to use JavaScript Video Tutorial
Introduction to JavaScript | जावास्क्रिप्ट का परिचय
How to use JavaScript? | जावास्क्रिप्ट का प्रयोग कैसे करें?
JavaScript Basics | जावास्क्रिप्ट बेसिक
JavaScript Variables & Operators | जावास्क्रिप्ट वेरिएबल एवं ऑपरेटर्स
Using JavaScript Control Statements | जावास्क्रिप्ट में कण्ट्रोल स्टेटमेंट का प्रयोग
Using JavaScript Popups | जावास्क्रिप्ट में पॉप अप का प्रयोग
JavaScript Functions | जावास्क्रिप्ट फंक्शन
JavaScript Events | जावास्क्रिप्ट इवेंट्स
Using HTML Elements in JavaScript | जावास्क्रिप्ट में HTML एलिमेंट्स का प्रयोग
Using CSS Properties in JavaScript | जावास्क्रिप्ट में CSS प्रॉपर्टीज का प्रयोग
Form & Email Vaidation in JavaScript | जावास्क्रिप्ट में फॉर्म एवं ईमेल वेलिडेशन
जावास्क्रिप्ट ऑनलाइन प्रैक्टिस टेस्ट
JavaScript Online Test Practice
Java Script Online Test - 01
Java Script Online Test - 02
Java Script Online Test - 03
Java Script Online Test - 04
Java Script Online Test - 05
Java Script Online Test - 06
Java Script Online Test - 07
Java Script Online Test - 08
Java Script Online Test - 09
Java Script Online Test - 10
This tutorial has been prepared for JavaScript beginners to help them understand the basic functionality of JavaScript to build dynamic web pages and web. It includes the basics of JavaScript. JavaScript Introduction, Advantages and Disadvantages of JavaScript, History of JavaScript. JavaScript Timeline. JavaScript–Introduction, Web Design with JavaScript, JavaScript Hindi Notes Using JavaScript in HTML in Hindi PDF for Courses DCA, PGDCA, BCA, ITI-COPA. How to create Webpage using JavaScript in HTML? JavaScript – Functions,
JavaScript - If-Else Statements & Loops, JavaScript - Window, Document & Form Objects, JavaScript - Date & Math Objects, JavaScript - String Object, JavaScript – Arrays, JavaScript – Error Handling. JavaScript is the world's most popular programming language. These topics will assist you in learning JavaScript from basic to advanced.
Tags - Learn JavaScript in Hindi. Advance JavaScript in Hindi. JavaScript Tutorials in Hindi. Introduction JavaScript In Hindi. Advantages and Disadvantages of JavaScript What is JavaScript in Hindi. JAVA SCRIPT Hindi Notes / Advantages / Limitations / Applications / History / Timeline for All Computer Courses CCA, DCA, PGDCA, BCA, ITI-COPA.
|| Computer Notes ||
Practicals
|| Video Tutorials
|| Online Test Series ||