4.1 ब्राउज़र ऑब्जेक्ट
जैसा कि आप पहले से ही जानते हैं, जावास्क्रिप्ट भाषा ब्राउज़र के अंदर काम करती है, इसलिए इसे किसी तरह इसी ब्राउज़र के साथ इंटरैक्ट करने की आवश्यकता होती है। ऐसा करने के लिए, ब्राउज़र में कई ऑब्जेक्ट और फ़ंक्शंस हैं जो जावास्क्रिप्ट से उपलब्ध हैं।
पहला है an object window, जो ब्राउज़र विंडो का वर्णन करता है। या यों कहें, मैं वर्णन करता था कि कब ब्राउज़र टैब के बिना थे। अब विंडो ऑब्जेक्ट वर्तमान ब्राउज़र टैब का वर्णन करता है जिसमें स्क्रिप्ट वाला पेज लोड होता है।
दूसरे, यह an object documentवह है जो टैब में प्रदर्शित दस्तावेज़ के लिए ज़िम्मेदार है। यह थोड़ा भ्रमित करने वाला हो सकता है। सरलता के लिए, मान लीजिए कि दस्तावेज़ वह है जो उपयोगकर्ता को प्रदर्शित किया जाता है, और विंडो वह है जिसमें यह दस्तावेज़ प्रदर्शित होता है।
तीसरा, यह an object consoleवह है जो ब्राउज़र कंसोल के आउटपुट के लिए ज़िम्मेदार है। हां, ब्राउज़र में एक कंसोल भी होता है, यह मुख्य रूप से स्क्रिप्ट को डिबग करने और त्रुटि संदेशों को प्रदर्शित करने के लिए उपयोग किया जाता है। आप आमतौर पर इसे अपने ब्राउज़र में F12 बटन दबाकर खोल सकते हैं।
Object window, सभी पेज ऑब्जेक्ट्स के लिए टॉप-लेवल ऑब्जेक्ट है। documentऔर यद्यपि आप सीधे अपनी स्क्रिप्ट में वस्तु के नाम लिख सकते हैं console, वास्तव में, उनके नाम window.documentऔर window.console.
जावास्क्रिप्ट में 4.2 संवाद
अलर्ट () विधि
इसके कई कार्य भी an object windowहैं जो पेज स्क्रिप्ट को दिखाई देते हैं। सबसे अधिक इस्तेमाल किया जाने वाला है alert()। यह आपको उपयोगकर्ता को संदेश के साथ एक संवाद बॉक्स प्रदर्शित करने की अनुमति देता है। स्क्रिप्ट को तब तक निलंबित कर दिया जाता है जब तक उपयोगकर्ता ठीक क्लिक नहीं करता।
उदाहरण:
alert("JavaScript is the best!");शीघ्र () विधि
एक फ़ंक्शन भी है जिसके साथ आप उपयोगकर्ता से कुछ मान दर्ज करने के लिए कह सकते हैं - यह है prompt()।
उदाहरण:
var age = prompt("Enter Year of Birth");पुष्टि करें () विधि
आप दो बटनों के साथ एक डायलॉग बॉक्स प्रदर्शित कर सकते हैं Ok- Cancelउपयोगकर्ता से कुछ कार्रवाई के बारे में पूछें।
उदाहरण:
var isOK = confirm("Are you ready");4.3 ऑनलोड () घटना
और एक और उपयोगी और दिलचस्प क्षण। ब्राउज़र विंडो में एक घटना होती है जो दस्तावेज़ के पूरी तरह से लोड होने पर सक्रिय हो जाती है। दस्तावेज़ लोड होने और प्रदर्शित होने के बाद आप कोड को निष्पादित करने के लिए निर्दिष्ट कर सकते हैं।
यह तीन प्रकार से किया जा सकता है।
सबसे पहले, आप एक विशेषता मान के रूप में जावास्क्रिप्ट कोड को सीधे एक HTML पृष्ठ में एम्बेड कर सकते हैं:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>दूसरे, आप जावास्क्रिप्ट कोड को केवल एक HTML पेज में एम्बेड कर सकते हैं:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>तीसरा, हम एक अज्ञात फ़ंक्शन घोषित करके इसे थोड़ा छोटा लिख सकते हैं:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>4.4 ऑनक्लिक () घटना
और अंत में एक और महत्वपूर्ण घटना (घटना) है event OnClick। जो उपयोगकर्ता द्वारा क्लिक किए गए किसी भी तत्व पर होता है। जिस तरह event OnLoadइसे अलग-अलग तरीकों से सेट किया जा सकता है, उसी तरह हम केवल सबसे सरल देंगे:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>