HTML script tag in Hindi – Free HTML course
इस HTML script tag in Hindi के topic में आप सीखेंगे कि HTML document में HTML script tag के जरिये javascript को कैसे शामिल किया जा सकता है |
Client-side Script in HTML – HTML script tag in Hindi
ऐसे computer program जो user के web browser द्वारा execute किये जाते हो, और यह program जिस scripting language से बने हो उसे client-side script कहते है | Javascript (JS) web पर सबसे popular client-side scripting language है।
HTML document में javascript को embed करने या external javascript file को add करने के लिए <script> element का use किया जाता है |
Javascript का उपयोग HTML web page पर form validation , image manipulation या dynemic content आदि के लिए किया जाता है |
HTML pages me javascript ko kaise add kare
Javascript को HTML pages में दो तरीके से add कर सकते है , first web page के अंदर embed कर के और दूसरा external javascript file को add कर के |
Embedding javascript in html pages in Hindi
HTML document में JavaScript embed करने के लिए, just code को <script> element में लिखना होता है |
Javascript के निम्नलिखित उदाहरण में web page पर text लिख कर आएगा |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Embedding JavaScript Example</title>
</head>
<body>
<div id="test"></div>
<script>
document.getElementById("test").innerHTML = "Hello World!";
</script>
</body>
</html>ऊपर दिया गया example का output check करने के लिए code को copy करे और किसी भी text editor में paste करे और file को HTML formate में save करे फिर उस file को web browser में open करे |
आमतौर पर script web page के bottom में ( body tag close होने से पहले ) लिखा जाना ही उचित होता है , क्यों की web browser को कोई script मिलती है तो web page के शेष content को तब तक display नहीं करता है जब तक की वह script proper exhecute न हो | यह web page के performance पर effect दाल सकता है |
Calling External JavaScript File in Hindi
आप javascript code को एक अलग file में भी लिख सकते है और उस file को .js extention के साथ save कर के HTML document में call कर सकते है |
External javascript file को HTML document में <script> element के src attribute के माध्यम से call करवा सकते है |
यदि आप एक ही script को multiple documents के लिए उपलब्ध कराना चाहते हैं , तो यह method बहुत उपयोगी है | यह आपको एक ही कार्य को बार-बार दोहराने से बचाता है और आप website को आसानी से maintain रख सकते है |
external javascript को कैसे link करते है यह निम्न उदहारण में दर्शाया है |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>How to link External JavaScript</title>
</head>
<body>
<div id="test"></div>
<script src="https://techsamundra.com/hello.js"></script>
</body>
</html>जब <script> element में src attribute use जिया जाता है तब script के starting tag and closing tag के बिच कुछ भी लिखा नहीं लिख सकते है , यह बिलकुल खली होना चाहिए |
साथ ही, external JavaScript file में केवल JavaScript statements ही लिख सकते है ; इसमें embedded JavaScript जैसे <script>…..</script> element नहीं होते हैं।
HTML noscript Element in Hindi
जिन users ने अपने web browser में javascript को disabled कर दिया है या web browser client-side script को support नहीं करता है तो उन iser के लिए <noscript> element alternate content provide करता है |
इस element में <script> के अलावा कोई भी HTML element हो सकता है | <noscript> element <body> tag के अंदर लिखा जा सकता है |
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Nosript example</title>
</head>
<body>
<div id="test"></div>
<script src="https://techsamundra.com/hello.js"></script>
<noscript>
<p>Oops! Javascript is disabled in your browser , to access this website you need to enabled it.</p>
</noscript>
</body>
</html>Note : – ध्यान रखे की <noscript> element के अंदर के content केवल तभी display होंगे जब users का browser scripting को support नहीं करता है , या browser में scripting disabled है।
यह भी पढ़े :-