JavaScript (Script Tag, Syntax, Output, Comment)
javascipt tutorial, learn javascript in hindi, javascript syntax
- 1. Script Tag को समझे ।
- 2. Syntax कैसे लिखे ।
- 3. कितने तरह से हम Output देख सकते हैं ?
- 4. Comment कैसे किया जाता हैं ।
1. JavaScript Script Tag
जब भी हमे को JS code लिखना हैं तो हम उसे script tag मे ही लिखेंगे यदि आपने बिना script tag के लिखा तब Browser आपके लिखे Code को html मान कर As it is Print कर देगा ।
- JavaScript को <script></script> tag मे लिखा जाता हैं ।
- <script> tag को <Head></head> tag मे लिखा जाता हैं,
- यदि कोई ऐसी स्क्रिप्ट है जिसे Page load होने के बाद करना हैं तब आप इसे Body मे Last मे भी लिख सकते हैं ।
1.1 Internal JavaScript Code
HTML Page पर ही यदि आप JavaScript लिखते है तब उसे Internal JavaScript Code कहा जाता हैं , यह आप Head और Body Tag मे लिख सकते हैं । वैसे Head Code मे लिखना बहुत सही तरीका हैं , लेकिन कभी कोई कोई Code उनके जो की Page Load होते ही Execute होते हैं वह head tag मे Execute होने पर Error देते है , इसलिए हमे उसे Body Tag मे Last मे लिखना होता हैं ।
<html>
<head>
<title>JavaScript Example</title>
<script> /* JavaScript Code here */ </script>
</head>
<body>
Write Your HTML Code Here
<script> /* JavaScript Code here */ </script>
</body>
</html>1.2 Attach External JavaScript File
यदि हम Same Page के बजाए किसी File को link करना चाहते हैं तब src का उपयोग कर JavaScript file को भी add कर सकते हैं । जब हमारी Script बड़ी होती हैं तब हम उसे एक अलग File मे रख लेते हैं ।
<html>
<head>
<title>JavaScript Example</title>
<script src="MyJSFile.js" > </script> <!-- 1 -->
<script src="js/MyJSFile.js" > </script> <!-- 2 -->
<script src="https://domain.com/js/MyJSFile.js" > </script> <!-- 3 -->
</head>
<body>
</body>
</html>
उपरोक्त Example मे हमने External JavaScript को 3 तरह से Add किया हैं
- 1. जब Html File और JavaScript File एक ही Folder मे रखी हो तब हम इस तरह से ऐड करेंगे ।
- 2. जब JavaScript File किसी Folder मे रखी हैं तब हम इस तरह से ऊपयोग करेंगे ।
- 3. जब हम External Js को किसी Web Location से add करना चाहते हैं तब इस प्रकार से ऐड करेंगे ।
External JS Attach करने के लिए देखे
2. JavaScript Syntax
- JavaScript के प्रत्येक Syntax को (;) Semicolon से close किया जाता हैं।
- JavaScript Identifier के लिए Case Sensitive हैं ।
- Identifier के अलावा JavaScript case insensitive है ।
- String लिखने के लिए JavaScript मे Double Inverted “My String” और Single Inverted ‘My String’ का उपयोग किया जाता हैं ।
Javascript Syntax को Video के माध्यम से समझने के लिए Click करे।
3. JavaScript Output Method
Javscript मे Screen पर Display दिखाने के लिए हम निम्न Output Method का उपयोग करते हैं।
3.1 document.write()
जो भी Current Page जिस पर हम Coding कर रहे हैं उस पर यदि हम कोई Html add करना चाहे तब हम document.write का उपयोग करते हैं ।
document.write("Test Document"); //For Html
document.write('<div id="MyDiv">DIV</div>'); 
Document Write को Video के माध्यम से समझने के लिए Click करे ।
3.2 innerHTML
जब भी हमे किसी Specific Tag पर कुछ Html set करना हो तब हम inner HTML का उपयोग करते हैं ।
document.getElementById("MyDiv").innerHTML = "Test";हमने जो Document . Write से एक Div बनाया था उसके Html को हमने innerHTML से Replace कर दिया हैं ।
3.3 console.log
यदि आप कोई भी Output Document मे Write न कर केवल Developer के लिए दिखाना चाहते हैं तब आप console.log का उपयोग कर सकते हैं। यह आपको Developer Tool के Console tab मे ही दिखाई देगा ।
console.log("Test Log");
3.4 windows.alert
जब भी हम Output को एक Message Box या कहे की Dialogue Box मे देखना चाहते हैं तब हम Alert का उपयोग करते हैं ।
window.alert("Test Alert");
alert("Test Alert");
आपको window. लिखने के आवश्यकता नहीं हैं आप Direct alert लिख कर भी Message box देख सकते हैं ।
3.5 window.print
जब भी हम Screen पर दिखाई देने वाले Content को Print या Save as PDF करना चाहते हैं तब आप window.print() का उपयोग कर सकते हैं ।
window.print();
//or
print(); 
4. JavaScript Comment
Coding करते समय एक Good Habit होना चाहिए की हम जो भी Code लिखे उसके बारे मे एक छोटा सा Notes जरूर लिखे ताकि भविष्य मे जब भी हम उसे Read करे तो हमे समझ मे आ जाए की हमने Code क्यू लिखा हैं या अन्य कोई Developer Code को Read करे तो आसानी से समझ सके ।
4.1 Single Line Comment //
जब भी हमे एक लाइन के कोड को Comment करना हो तब हम // Single Line Comment का उपयोग करे ।
alert("Hello"); // For Message
//Set Inner HTML
document.getElementById("MyDiv").innerHTML = "Test";4.2 Multiline Comment /* */
जब हमे एक से ज्यादा Line को Comment करना हो तब हमे /* */का उपयोग करते हैं ।
/*
Line 1
Line 2
Line 3
*/Summary
इस Article मे हमने JavaScript का उपयोग कैसे किया जाए इसके बारे मे सीखा हैं । साथ मे हम किस तरह से Output ले सकते हैं और किस तरह से हम Comment करते हैं अगले Article मे हम Variable के बारे मे जानेंगे
आपको यह Article कैसा लगा हमे जरूर बताए ।
हमारे अन्य आर्टिकल
- MySQL Function
- MySQL Stored Procedure
- PHP Get /Post Method के बारे में जाने
- PHP Math Function के बारे में जाने
- C से C ++ सीखे सरल शब्दों में
- PHP Variable के बारे में जाने
- Arduino Control Structure
- Union in C
- Declaration of Pointer in C
- jQuery Search Filter
- MySQL Create Table | Alter Table | Drop Table
- API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
- CPANEL In Hindi
