Insert JavaScript in HTML Page: JavaScript को HTML Document में Use करने के लिए हमें <script> Element को Use करना होता है। सामान्यत: हम JavaScript को दो तरीकों से HTML Web Page से Link कर सकते हैं। पहले तरीके में JavaScript Codes को सीधे ही HTML Web Page में <script> Element के बीच Enclose किया जाता है जबकि दूसरे तरीके में सभी JavaScript Codes को एक External File में Specify किया जाता है और केवल उस JavaScript File को HTML Document में Link किया जाता है।
<script> Element
जब हम किसी JavaScript Code को सीधे ही अपने HTML Page में Embed करना चाहते हैं, तब भी हम <head> व <body> दोनों स्थानों पर JavaScript Code को Specify कर सकते हैं। जब हम HTML Document के Head या Body में कोई JavaScript Code Specify करते हैं, तो वह JavaScript Code Web Page के Web Browser में Render होते समय ही Run हो जाता है।
जबकि किसी JavaScript Code को किसी External File में Store करने पर ऐसा नहीं होता और हमें External JavaScript File के विभिन्न JavaScript Codes को HTML Document में किसी न किसी Event के Response में Call करना पडता है। किसी JavaScript Code को सीधे ही HTML Page में Embed करने के लिए हमें <script> Element को निम्नानुसार Specify करना होता है:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>My JavaScript</title>
<script>
alert("I am directly running from HEAD element.\n
When the page renders in the Browser");
</script>
</head>
<body>
<script>
alert("Now I am directly running from BODY element.\n
While the page is still rendering in the Browser");
</script>
</body>
</html>
चूंकि HTML5 में JavaScript को Client Side Scripting Language के रूप में पूर्ण मान्यता मिल गई है, इसलिए हमें <script> Element में किसी और Attribute को Specify करने की जरूरत नहीं है बल्कि हम सीधे ही उपरोक्त Code अनुसार किसी JavaScript Code को <script> Element के बीच Enclose कर सकते हैं।
जब Web Page को Render किया जाता है, तब सबसे पहले उपरोक्त चित्रानुसार HTML Page का Head Section Render होता है और हमें उपरोक्त Dialog Box दिखाई देता है। आप चित्र के Address Bar में देख सकते हैं कि अभी भी Web Page पूरी तरह से Load नहीं हुआ है, क्योंकि इस Alert Dialog Box को जब तक Close नहीं किया जाएगा, तब तक Web Page आगे Render नहीं होगा।
जैसे ही हम पहले Alert Dialog Box के OK Button पर Click करते हैं, एक और Alert Dialog Box Display होता है, जो कि हमने HTML Document की Body में Specify किया था। अभी भी आप उपरोक्त चित्र के Address Bar को देख सकते हैं, जिसमें हमारा Web Page लगभग आधा Render हो चुका है, लेकिन पूरी तरह से तभी Render होगा, जब हम इस Body Element के Alert Dialog Box को भी Close कर देंगे। इस तरह से हम किसी HTML Document में Inline JavaScript Codes को Head व Body में Specify कर सकते हैं।
किसी HTML Document के अन्दर किसी JavaScript Code को Specify करने पर वह JavaScript Code भी HTML Code की तरह Top to Bottom व Left to Right Flow होता है और साथ ही साथ Interpret भी होता रहता है। जिसकी वजह से सभी Executable JavaScript Codes Execute भी होते रहते हैं। यानी Inline JavaScript Codes पूरे Web Page के Web Browser में Load होने का Wait नहीं करते बल्कि Sequential Form में Execute होते रहते हैं।
ये Article इस वेबसाईट पर Selling हेतु उपलब्ध EBook Advance JavaScript in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी।
Advance JavaScript in Hindi | Page: 669 | Format: PDF
