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