JS - Introduction for Javascript

 

JS - Introduction for Javascript

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 होता है |

 

JS - Syntax

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

Javascript का code implement करने के लिए script tag में साधारणतः 'type' नाम का एक ही attribute इस्तेमाल किया जाता है | यहाँ पर दिया हुआ content कौनसे type का है वो दिया जाता है |

Source Code :

<script type="text/javascript">

       //some javascript statements;

</script>

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

Source Code :

<script>

       //some javascript statements;

</script>

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!

Comments in Javascript

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>

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 :

123

534

53

Not Required semi-colon on seperate lines

जब seperate 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 लिखे जाते है उन्हें seperate करने के लिए 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

 

 

JS - External Javascript

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 इस्तेमाल किया जाता है | जैसे कि,

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

Example for External Javascript

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

External Javascript में 'src' पर 'js' file का पूरा path भी दिया जाता है |

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!

 

JS - Comments

Javascript में Comment non-executable होता है | कुछ Javascript code में additional information, documentation के लिए Comment का इस्तेमाल किया जाता है |

Javascript में comments की lines Browser में Javascript द्वारा ignore की जाती है | Javascript के code का execution भी comment से बंद किया जाता है |

Javascript में दो प्रकार से Comments दी जाती है |

1.      Single Line Comment

2.      Multiline Comment

1. Single Line Comment

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

Source Code :

<script type="text/javascript">

 

  document.write("Hello World"); //print Hello World

 

</script>

Output :

Hello World

1. Multiline Comment

Javascript में multiline comment के लिए /*------*/ इस के बीच में comment लिखी जाती है |

Source Code :

<script type="text/javascript">

 

  document.write("Hello World");

/*

This is multiline comment

print Hello World

*/

</script>

Output :

Hello World