Html script tag in hindi-हटमल स्क्रिप्ट टैग क्या है?

by

हेल्लो दोस्तों आज के इस पोस्ट में आपको html script tag in hindi के बारे में आपको बताया जा रहा है की क्या होता है कैसे काम करता है तो चलिए शुरू करते है

html script tag का परिचय

html का <script> tag webpage में client side script को डिफाइन करने के लिए प्रयोग किया जाता है example के लिए आप <script> tag के माध्यम से आप अपने हटमल document में javascript को add कर सकते है

javascript में एक client side scripting language होता है इसकी मदद से आप dynamic content को  generate कर सकते है और forms आदि को भी validate भी कर सकते है

attributes of html <script> tag

script tag में प्रयोग किये जाने वाले attributes के बारे में आपको निचे दिया जा रहा है

Attribute

Explanation

srcइस attribute के द्वारा आप external javascript का URL को डिफाइन करते है और इसकी value को double quotes में दी जाती है
typeइस attribute के द्वारा आप script का type को डिफाइन करते है यदि आप javascript का प्रयोग कर रहे है तो इसकी value text/javascript में डिफाइन करते है
asyncइस attribute की value आप true और false की फॉर्म में देते है यदि आप इस attribute को true set करते है तो script html page के सभी elements के load होने के बाद आप asynchronously load होती है इसे page load time reduce करने के लिए प्रयोग किया जाता है
deferइस attribute की value भी आप true और false की फॉर्म में ही देते है जब भी आप इस attribute को true set करते है तो script html document के parse होने के बाद लोड होती है

syntax of html <script> tag

script tag को आप किसी भी नार्मल html tag की तरह ही डिफाइन कर सकते है इसका general syntax आपको निचे दिया जा रहा है

<script type=”text/javascript”>
//statements
</script>

किसी भी external javascript को include करने के लिए आप src attribute का प्रयोग करते है इसका general syntax आपको निचे दिया जा रहा है

<script type=”text/javascript” src=”external-javascript-URL”></script>

जैसा की आप उपर दिए गए syntax में देख सकते है की जब भी आप किसी भी external javascript को अपने page में include करते है तो आपको script page में डिफाइन करने की आवश्यकता नहीं होती है

script को आप anonymously load करने के लिए आप async attribute को set करते है इसका general syntax आपको निचे दिया जा रहा है

<script type=”text/javascript” src=”external-javascript-URL” async=”true”></script>

किसी भी script को आप page के parse होने के बाद load करने के लिए आप defer attribute को true set करते है इसका general syntax आपको निचे दिया जा रहा है

<script type=”text/javascript” src=”external-javascript-URL” defer=”true”></script>

using html <script> tag

script tag को आप हटमल document में 2 तरह से प्रयोग कर सकते है

embedding script

इस तरीके में आप script को html document में ही डिफाइन करते है वैसे तो आप <script> tag को html के <body> tag में भी define कर सकते है लेकिन आप ज्यादतर इसे <head> tag में ही डिफाइन किया जाता है इसे आप example के द्वारा भी समझ सकते है

<html>
<head>
<title>embedding javascript demo</title>
<script type=”text/javascript”>
Document.write(“hello readers,this script is embedded in document”);
</script>
</head>
<body>
<h1>this is normal html </h1>
</body>
</html>

उपर दिए गए example में आप देख सकते है की script page में ही embedded किया गया है ये script आप निचे दिया गए आउटपुट में देख सकते है

linking script

इस तरीके में आप की script किसी भी सर्वर पर stored रहती है और आप उसे अपने html document से link करते है तो इसके लिए आप <script> tag का src attribute का प्रयोग करते है यदि आप अपनी script को hidden और secure रखना चाहिए तो उसके लिए आप इस तरीके को प्रयोग करते है इसे external javascript भी कहा जाता है इसे आप निचे दिए गए example के द्वारा भी समझ सकते है

<html>
<head>
<title>linking script demo</title>
<script type=”text/javascript” src=”MyFile.js”>
</script>
</head>
<body>
<h1>this is normal html</h1>
</body>
</html>

उपर दिये गए example में आप देख सकते है की एक external javascript को page से link किया गया है जब भी आप external जावा script को डिफाइन करते है तो उसे आप .js extension के साथ save करते है external javascript को डिफाइन करते समय आपको <script> tag को डिफाइन करने की आवश्यकता नहीं होती है

इस script का आउटपुट आप निचे दिए गया है

html <noscript> tag

कई बार page में script को load नहीं हो पाती है ऐसा कई कारणों से हो सकता है example के लिए आप यूजर कोई पुराना web ब्राउज़र को प्रयोग करते है  तो जो script को सपोर्ट नहीं करता है या फिर यूजर ने स्वय: ही script को disable कर राखी है तो कारन कोई भी हो ऐसी सिचुएशन में आप <noscript> tag का प्रयोग कर सकते है जो script नहीं load होने पर यूजर को एप्रोप्रियेट(appropriate) मेसेज को show करने के लिए प्रयोग किया जाता है इस tag को आप head सेक्शन में या body सेक्शन में कही भी प्रयोग कर सकते है इसका आपको example निचे दिया जा रहा है

<html>
<head>
<title>html no script demo</title>
</head>
<body>
<h1>this is normal html</h1>
<script type=”text/javascript”>
Document.write(“hello readers”,)
</script>
</noscript>your script is disabled. Please update your browser or enable it.</noscript>
</body>
</html>

उपर दिए गए example में आपको इसका आउटपुट निचे दिया जा रहा है

html script tag in hindi

reference-https://www.w3schools.com/tags/tag_script.asp

html script tag in hindi

निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(html script tag in hindi) या post अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये और -अगर कोई topic(html script tag in hindi) से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे

2 thoughts on “Html script tag in hindi-हटमल स्क्रिप्ट टैग क्या है?”

Leave a Comment