HTML का <script> tag web pages में client side script define
करने के लिए use किया जाता है। उदाहरण के लिए <script> tag के माध्यम
से आप अपने HTML document में JavaScript add कर सकते है।
JavaScript एक client side scripting language है। इसकी मदद से आप dynamic content generate कर सकते है और forms आदि को validate भी कर सकते है।
JavaScript एक client side scripting language है। इसकी मदद से आप dynamic content generate कर सकते है और forms आदि को validate भी कर सकते है।
Attributes of HTML <script> Tag
Script tag में use किये जाने वाले attributes के बारे में निचे दिया जा रहा है।
Attributes
|
Explanation
|
src
|
इस attribute के द्वारा आप external javascript का URL define करते है। इसकी value double quotes में दी जाती है।
|
type
|
इस
attribute के द्वारा आप script का type define करते है। यदि आप javascript
use कर रहे है तो इसकी value text/javascript define करते है।
|
async
|
इस
attribute की value आप true और false की form में देते है। यदि आप इस
attribute को true set करते है तो script HTML page के सभी elements के
load होने के बाद asynchronously load होती है। इसे page load time reduce
करने के लिए use किया जाता है।
|
defer
|
इस
attribute की value भी आप true और false की form में ही देते है। जब आप इस
attribute को true set करते है तो script HTML document के parse होने के
बाद load होती है।
|
Syntax of HTML <script> Tag
Script tag को आप किसी भी normal HTML tag की तरह define करते है। इसका general syntax निचे दिया जा रहा है।
<script type=”text/javascript”>
//statements
</script>
//statements
</script>
किसी external javascript को include करने के लिए आप src attribute use करते है। इसका general syntax निचे दिया जा रहा है।
जैसा की आप ऊपर दिए गए syntax में देख सकते है जब आप किसी external
javascript को अपने page में include करते है तो आपको script page में
define करने की आवश्यकता नहीं होती है।
Script को anonymously load करने के लिए आप async attribute को true set करते है। इसका general syntax निचे दिया जा रहा है।
इसे निचे उदाहरण के द्वारा समझाया जा रहा है।
|
<script type=”text/javascript” src=”external-javascript-URL”></script>
|
Script को anonymously load करने के लिए आप async attribute को true 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 को आप HTML document में 2 प्रकार से use कर सकते है।Embedding Script
इस तरीके में आप script को HTML document में ही define करते है। वैसे तो आप <script> tag को HTML के <body> tag में भी define कर सकते है लेकिन ज्यादातर इसे <head> tag में ही define किया जाता है।इसे निचे उदाहरण के द्वारा समझाया जा रहा है।
<!DOCTYPE html>
<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>
<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>
Credit: www.besthinditutorials.com
Introduction to HTML <script> Tag
![Introduction to HTML <script> Tag]()
Reviewed by webmission
on
11:14
Rating:
No comments:
Post a Comment