JAVA SCRIPT | PGDCA MCU Hindi Notes

Paper 2-Internet &Web design

Unit I
Unit II
Unit III
Unit IV
Unit V

Back
Internet-Unit-3
Next

JavaScript

JavaScript एक लोकप्रिय Scripting तथा Programming Language है, जिसके उपयोग से Web Pages को Dynamic (गतिशील) और Interactive बनाया जाता है।

यह एक Interpreted Language है, अर्थात इसका Code सीधे Browser द्वारा Run किया जाता है। JavaScript को सामान्यतः Client-side Scripting Language कहा जाता है, क्योंकि यह User के Browser पर Execute होती है।

JavaScript का विकास 1995 में Brendan Eich ने Netscape के लिए किया था। प्रारंभ में इसका नाम LiveScript था, बाद में इसका नाम JavaScript रखा गया।

JavaScript की विशेषताएँ

  • Machine Independent Language
  • Lightweight Language
  • Interpreted Language
  • Object-Oriented Language
  • Case-Sensitive Language
  • Cross-Platform Support
  • Dynamic एवं Interactive Web Pages बनाने में उपयोगी
  • Server से Communication करने में सक्षम

JavaScript का File Extension .js होता है।

Java और JavaScript दोनों अलग-अलग Programming Languages हैं।

Web Development में JavaScript का महत्व

प्रत्येक Web Developer को निम्न तीन भाषाओं का ज्ञान होना आवश्यक है —

  1. HTML – Web Page की Structure बनाने के लिए
  2. CSS – Web Page की Design एवं Layout के लिए
  3. JavaScript – Web Page को Dynamic एवं Interactive बनाने के लिए

JavaScript का उपयोग

JavaScript की सहायता से Web Page में विभिन्न प्रकार के कार्य किए जा सकते हैं —

  • Popup Window बनाना
  • Animation Effect जोड़ना
  • Image Slider बनाना
  • Dropdown Menu बनाना
  • Auto Complete Feature जोड़ना
  • Browser Detection करना
  • Cookies Handle करना
  • Form Validation करना

HTML Forms में User द्वारा भरे गए Data को JavaScript की सहायता से Validate किया जा सकता है।

JavaScript और Events

Web Page में विभिन्न प्रकार के Events होते हैं, जैसे —

  • Mouse Click
  • Key Press
  • Mouse Hover
  • Page Load

JavaScript द्वारा यह निर्धारित किया जा सकता है कि किसी Event पर क्या प्रतिक्रिया (Response) होगी।

JavaScript के लाभ

  • Web Page को Interactive बनाता है।
  • Client-side Execution के कारण तेज कार्य करता है।
  • Server पर Load कम करता है।
  • Website की Speed बढ़ाता है।

JavaScript की सीमा

JavaScript का Code Web Page में उपस्थित होता है, इसलिए इसे Browser में देखा जा सकता है। इसी कारण यह पूरी तरह Secure नहीं माना जाता।

HTML में JavaScript जोड़ना

HTML Document में JavaScript जोड़ने के लिए <script> Tag का उपयोग किया जाता है।

JavaScript Code को दो प्रकार से उपयोग किया जा सकता है —

  1. Internal JavaScript
  2. External JavaScript

Internal JavaScript

जब JavaScript Code सीधे HTML Page के अंदर लिखा जाता है, तब उसे Internal JavaScript कहते हैं।

<script> Tag को <head> या <body> Section में लिखा जा सकता है।

उदाहरण

<script>
document.write("Hello World");
</script>

External JavaScript

जब JavaScript Code को अलग .js File में Save किया जाता है तथा HTML Document से जोड़ा जाता है, तब उसे External JavaScript कहते हैं।

उदाहरण

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

JavaScript में Comments

Single-line Comment

Single-line Comment के लिए // का उपयोग किया जाता है।

// This is a single-line comment

Multi-line Comment

Multi-line Comment के लिए /* */ का उपयोग किया जाता है।

/* This is a
multi-line comment */

JavaScript Example 1

<!DOCTYPE html>
        <html>
        <head>
             <title>JavaScript Example 1</title>
        </head>
        <body>
             <!-- This is an HTML comment -->
        <script>
             // This is a JavaScript single-line comment
            document.write("Hello World <br>");
            window.alert("Hello Arun Computer");
        </script>
        </body>
</html>

JavaScript Example 2

<!DOCTYPE html>
    <html>
      <head>
          <title>JavaScript Example 2</title>
     </head>
     <body>
        <script>
            document.write("1" + 2 + 3 + "<br>");
            document.write(2 + 3 + "3" + 4 + "<br>");
          document.write(2 + 3 + "3" + "<br>");
        </script>
     </body>
</html>

Case-Sensitive Language

JavaScript एक Case-Sensitive Language है।

अर्थात a और A दोनों अलग-अलग Variables माने जाते हैं।

उदाहरण:

var age = 20;
var Age = 25;

Semicolon (;) का उपयोग

जब Statements अलग-अलग Lines में लिखे जाते हैं, तब Semicolon आवश्यक नहीं होता।

उदाहरण

<script>
      var a = 5
     document.write(a)
</script>

यदि एक ही Line में कई Statements लिखी जाएँ, तो उन्हें Semicolon (;) द्वारा अलग किया जाता है।

उदाहरण

<script>
       var a = 5;
       var b = 6;
       document.write(a);
       document.write(b);
</script>

Data Types in JavaScript

JavaScript में मुख्यतः निम्न Data Types होते हैं —

  1. Number
  2. Boolean
  3. String
  4. Array
  5. Undefined
  6. Null

1. Number

Number Data Type में Integer तथा Floating Point Numbers आते हैं।

उदाहरण:

var a = 125;
var b = 125.52;

2. Boolean

Boolean Data Type के केवल दो मान होते हैं —

  • true
  • false
var result = true;

3. String

Single (' ') या Double (" ") Quotes में लिखे गए Characters को String कहते हैं।

var name = "Ashok";

4. Array

Array का उपयोग Multiple Values को Store करने के लिए किया जाता है।

var cars = ["Saab", "Volvo", "BMW"];

5. Undefined

जब किसी Variable को Value Assign नहीं की जाती, तब उसका मान Undefined होता है।

var a;
document.write(typeof(a));

6. Null

Null का अर्थ है कि Variable में कोई Value नहीं है।

var a = null;

Variable

Variable Memory में एक Container होता है, जिसमें Data Store किया जाता है।

JavaScript में Variables Declare करने के लिए सामान्यतः var Keyword का उपयोग किया जाता है।

उदाहरण

var a = 10;

एक साथ Multiple Variables भी Declare किए जा सकते हैं।

var a = 5, b = 10;

JavaScript में Variable Declare करते समय Data Type बताना आवश्यक नहीं होता, इसलिए इसे Loosely Typed Language कहा जाता है।

Variables Naming Rules

  • Variable Name की शुरुआत Letter, _ या $ से हो सकती है।
  • Variable Name संख्या (Number) से प्रारंभ नहीं हो सकता।
  • JavaScript Keyword को Variable Name नहीं बनाया जा सकता।
  • Variable Names Case-Sensitive होते हैं।
  • सभी Variable Names Unique होने चाहिए।

Variable Example 1

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Variables</h2>
<p id="demo"></p>
<script>
var price1 = 5;
var price2 = 6;
var total = price1 + price2;
document.getElementById("demo").innerHTML =
"The total is: " + total;
var a = 5;
document.write("<br>Value of a is " + a);
</script>
</body>
</html>

Variable Example 2

<!DOCTYPE html>
   <html>
        <body>
             <h2>JavaScript Variables</h2>
          <script>
             var a;
             a = 5;
             var b = 10;
             document.write("Value of a is " + a + "<br>");
             document.write("Value of b is " + b);
         </script>
       </body>
  </html>

Exam Questions – MCU 2023

  1. JavaScript क्या है? इसमें Array Objects को समझाइए।
  2. JavaScript में Branching तथा Looping Statements को उदाहरण सहित समझाइए।
  3. WYSIWYG HTML Editor को विस्तार से समझाइए।

MCU 2019

निम्नलिखित पर संक्षिप्त टिप्पणी लिखिए —

  • Versions of HTML
  • Hyperlink
  • Attributes
  • Hypertext

दीर्घ उत्तरीय प्रश्न

JavaScript के Objects, Events तथा Document Object Model (DOM) को उदाहरण सहित समझाइए।

Back
Next
error: Content is protected !!