Table of Contents
Introduction
हमारे webpages में javascript का code दो तरीके से include कर सकते है internal file में और external file से.
javascript code HTML document में internally add करने के लिए <script>…</script> tag में लिख सकते है <script>…</script> tag को <head>tag या <body> tag में लिख सकते है||
Internal javascript code Example
javascript का code HTML document के साथ कैसे लिखते है वह आप निचे के example में देख सकते है|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">
var months = [
"January", "February",
"March", "April", "May",
"June", "July", "August",
"September", "October",
"November", "December"
];
var d = new Date();
alert("The currunt month is "+ months[d.getMonth()]);
</script>
</head>
<body>
.
.
.
</body>
</html>
ऊपर के example में देख सकते है की javascript का code <head> tag के साथ <script> tag के अंदर javascript code लिखा गया है || example में हमने simple क्या किया है जो बी currunt month चल रहा है उसका name display alert करा है ||
Javascript External file
External javascript file की जरुरत तब होती है जब हमे javascript का code बहुत ज्यादा लिखना हो. अगर हम वह javascript code HTML document में ही लिखते है तो वह complicated और manage करना कठिन हो जाता है || इसलिए javascript की external file की जरुरत होती है||
अगर HTML document में js code लिखते है तो वह फ़क्त इस file तक ही सिमित होगा अगर external js file include करते है तो वह सभी यानि की website के जितने pages है उसके लिए इस्तेमाल कर सकते है ||
HTML document में css की तरह javascript की अलग से file बना सकते है और उस file को HTML document में externally link कर सकते है ||
external file को document में <script> tag में src attribute में js file का path define करके document में link कर सकते है | javascript file का path css और दूसरी file की तरह ही होते है आप निचे file path का structure देख सकते है ||
projectname/
├── css/
| └── style.css
├── js/
| └── jsscript.js
└── index.html
external js file का path <script> tag में कुछ इस तरीके से define कर सकते है || <script src=”js/jsscript.js”></script>
external js file का path <script>opening tag में define किया जाता है ||
Example:
<html>
<head>
<script type="text/javascript" src="js/jsscript"></script>
</head>
<body>
.
.
.
</body>
</html>
ऊपर के example में देख सकते है की javascript jsscript.js file को externally <script> tag के मदद से include किया गया है तो अब हमारा javascript का code जोबी है वह external js file jsscript.js में लिखना होता है
Javascript jsscript.js file
var months = [
"January", "February",
"March", "April", "May",
"June", "July", "August",
"September", "October",
"November", "December"
];
var d = new Date();
alert("The currunt month is "+ months[d.getMonth()]);
External js file के फायदे ||
javascript की separate file से code को manage करना आसान होता है ||
HTML document और javascript code दोनों की separate files होतो दोनों का code सरल बनता है|
javascript file को cached किया जाये तो webpages जल्दी से load हो जाते है ||
