Javascript | Introduction / Syntax / External JS / Comment By. Shivansh Sir

JAVASCRIPT

JAVASCRIPT | INTRODUCTION

Javascript ये Language एक client-side Language है जिसका इस्तेमाल HTML(HyperText Markup Language) के साथ किया जाता है | Javascript ये Language lighted Language है |

Javascript Language का अविष्कार 'Brendan Eich' ने 1995 में किया | ये langauge 'Java' Programming Language से प्रेरित है | Javascript का पहला नाम 'Marc Andreessen' ने 'Mocha' रखा था | 'Marc Andreessen' ये Netscape के Founder है और उसी साल में उसका नाम 'Livescript' रखा गया और बाद में December 1995 ने Sun Microsystem द्वारा उसका नाम 'Javascript' रखा गया |

Javascript Language का इस्तेमाल Web-Development के लिए HTML के साथ किया जाता है | HTML के बिना Javascript का इस्तेमाल नहीं किया जा सकता | Javascript का code एक normal web browser पर run किया जा सकता है | Javascript का code Run करने के लिए Web Browser का Javascript Enable करना पड़ता है | कुछ Browsers में Javascript पहले से ही enabled होता है |

JAVASCRIPT | FEATURES

  • जावास्क्रिप्ट लगभग हर एक आधुनिक वेब ब्राउज़र (गूगल क्रोम, इंटरनेट सफारी , ऑपेरा मिनी , आदि ) पर चलाया जाता है।
  • एक पेशेवर वेब डेवलपर इंटरैक्टिव और गति शील वेबसाइट बनाने के लिए हर दिन जावास्क्रिप्ट का उपयोग करता है।
  • कोई वेबपेज लोड होने के बाद भी सर्वर के साथ संचार किए बिना जावास्क्रिप्ट फ़ंक्शन (कार्यों ) चल सकता है।
  • यह ऑब्जेक्ट-ओरिएंटेड क्षमताओं के साथ एक व्याख्या की गई प्रोग्रामिंग भाषा है।
  • JavaScript का नाम पहले LiveScript रखा गिया था, फिर Netscape इसका नाम बदल के JavaScript रखा है।
  • यह एक Open और cross-platform है, यानी यह सभी platform में और FREE में JavaScript का उपयोग कर सकते है।

JAVASCRIPT | SYNTAX

Javascript का code <script> और </script> इन HTML tags के बीच में लिखा जाता है और ये दोनों tag, tags के बीच में लिखे जाते है | लेकिन जरुरी नहीं है कि 'script tags' को 'head tags' के बीच में लिखे Javascript का Code Web Page पर कहा पर implement किया जा सकता है|

Javascript का code implement करने के लिए script tag में साधारणतः 'type' नाम का एक ही attribute इस्तेमाल किया जाता है | 

Source Code

<script type="text/javascript">

//some javascript statements;

</script>

#Javascript के लिए सिर्फ <script> का इस्तेमाल किया जाता है तभी Javascript का code सामान्य तरीके से execute हो पाता है |

Source Code

<script>

//some javascript statements;

</script>

JAVASCRIPT | Javascript Hello World Program

Javascript में string को browser पर display करने के लिए 'document.write' का इस्तेमाल किया जाता है |

Source Code

<script type="text/javascript">

document.write("Hello World!");

</script>

Output

Hello World!

HTML Tags in document.write

Javascript में document.write में as a string HTML Tags भी इस्तेमाल किये जाते है |

Source Code

<script type="text/javascript">

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

</script>

Output

Hello World!

Using '+' for Concatenation and Arithmetic Operation

Source Code

<script type="text/javascript">

document.write("1" + 2 + 3 + "<br />");

document.write(2 + 3 + "3" + 4 + "<br />");

document.write(2 + 3 + "3" + "<br />");

</script>

Output

15

534

53

Not Required semi-colon on separate lines

जब seprate lines पर variables और statements होते है तब semi-colon की जरुरत नहीं पडती |

Source Code

<script type="text/javascript">

var a = 5

document.write(a)

</script>

Output

5

Use comma or semi-colon for inline variables and statements

जब inline variables और statements लिखे जाते है उन्हें seprate करने के लिए comma(,) या semi-colon (;) का इस्तेमाल किया जाता है |

Source Code

<script type="text/javascript">

var a = 5; b = 6;

document.write(a);document.write(b)

var c = 7, d = 8;

document.write(c),document.write(d)

</script>

Output

5678

Javascript is Case-sensitive

Javascript ये case-sensitive language है | Javascript code पर दिए हुए 'a' और 'A' ये दोनों variables अलग-अलग है |

Source Code

<script type="text/javascript">

var a = 5, A = 6;

document.write(a);

document.write(A);

</script>

Output

56

JAVASCRIPT | EXTERNAL

HTML script में एक Javascript file को दुसरे HTML script में import किया जाता है | ये Javascript file .js इस extension से save की जाती है | External Javascript से HTML page को गति प्रदान करता है | एक javascript file को multiple HTML pages में भी इस्तेमाल किये जाते है | External Javascript के लिए <script> पर 'src' नाम का attribut इस्तेमाल किया जाता है |

Syntax

<script type="text/javascript" src="external_js.js"></script>

Example

External Javascript में script tag की कोई जरुरत नहीं होती | अगर लगाया जाये तो भी कोई दिक्कत नहीं होती | external_js.js और Hello.html ये दोनों files एक ही path या location पर है | External Javascript में 'src' पर 'js' file का पूरा path भी दिया जाता है |

Syntax

external_js.js

Source Code

function sample(){

document.write("Hello World!");

}

Hello.html

Source Code

<html><head>  

<script type="text/javascript" src="external_js.js"></script> 

</head><body> 

<script type="text/javascript">

sample();

</script>

</body></html>  

Output

Hello World!

JAVASCRIPT | COMMENT

Javascript में Single line comment के लिए //(double slashes) का इस्तेमाल किया जाता है |

Multiple line comments के लिए /* -----*/ के बीच में comments लिखी जाती है |

Comment Lines non-executed होती है | Javascript का code भी comment किया जा सकता है |

Source Code

<script type="text/javascript">

//single line comment

/*

document.write("Hello World");

*/

</script>


Comments

Post a Comment

Popular posts from this blog

Javascript | Javascript Operators & It's Types By. Shivansh Sir

JAVASCRIPT   JAVASCRIPT | OPERATOR | ARITHMETIC OPERATOR Addition(+)  Operands को add करने के लिए Addition Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a + b; document.write("Value of c is " + c); </script> Output Value of c is 9 Subtraction(-) Operands को subtract करने के लिए Subtraction Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a - b; document.write("Value of c is " + c); </script> Output Value of c is 3 Multiplication(*) Operands को multiply करने के लिए Multiplication Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a * b; document.write("Value of c is " + c); </script> Output Value of c is 18 Division(/) Operands को divide करने के लिए Division Arithmetic Operator का इस्तेमाल किया...
Read more

Javascript | Variable & Variable Types By. Shivansh Sir

  JAVASCRIPT JAVASCRIPT | VARIABLE Javascript Variables में information को एक जगह पर store किया जाता है | Variable पर कौनसे भी data types की value store की जाती है | RULES FOR CREATING VARIABLE Variables को declare करने के लिए 'var' keyword का इस्तेमाल किया जाता है | Variables के नाम की शुरुआत किसी भी letter(A-Z a-z) से, underscore(_) से या dollar($) sign से की जाती है | Variables की शुरुआत Numeric से नहीं हो सकती | लेकिन Variable alphanumeric हो सकता है | For eg. A1 = 5 Variables Javascript का कोई keyword नहीं हो सकता | Variables case-sensitive होते है | 'A' और 'a' ये दोनों अलग-अलग variables है | Example for Variable JS Source Code <script type="text/javascript"> var a = 5; document.write("Value of a is " + a); </script> Output Value of a is 5 JAVASCRIPT |   VARIABLE DECLARATION IN JS Variable जब declare किया जाता है, तब undefined value मिल जाती है | मतलब variable पर कोई value store नहीं की गयी है | Source Code <script type=...
Read more

Javascript | Loops & It's Types By. Shivansh Sir

  JAVASCRIPT   JAVASCRIPT |  LOOP |  WHILE LOOP While Loop जब तक condition true होती है तब तक statements को बार-बार executes करता रहता है और जब condition false हो जाती तब execution stop हो जाता है | Syntax while(condition){ //while Statement(s); } Source Code <script type="text/javascript"> var i = 0; while(i<10){ document.write("Value of i is " + i + "<br />"); i++; } </script> Output Value of i is 0 Value of i is 1 Value of i is 2 Value of i is 3 Value of i is 4 Value of i is 5 Value of i is 6 Value of i is 7 Value of i is 8 Value of i is 9 JAVASCRIPT |  LOOP | DO WHILE LOOP do_while Loop जब तक condition true होती है तब तक statements को बार-बार executes करता रहता है और जब condition false हो जाती तब एक बार statement को execute करता है | Syntax do{ //do Statement(s); }while(condition); Source Code <script type="text/javascript"> var i = 0; do{ document.write("Value of i is " + i + " "); i...
Read more