पृष्ठ बनाते समय, कभी-कभी यह आवश्यक होता है कि जब आप पृष्ठ में रखे गए बटन पर क्लिक करते हैं, तो ब्राउज़र में लेखक द्वारा प्रोग्राम की गई कोई घटना घटित होती है। ऐसा करने के लिए, आपको जेनरेट किए गए दस्तावेज़ में जावास्क्रिप्ट कोड डालना होगा और इसे आवश्यक बटन से बांधना होगा। इच्छित ईवेंट को लागू करने के लिए आवश्यक कोड की मात्रा के आधार पर, आप बटन को कोड से कनेक्ट करने के लिए विभिन्न तरीकों का उपयोग कर सकते हैं।
निर्देश
चरण 1
अक्सर, जावास्क्रिप्ट कोड कॉल ऑनक्लिक घटना के लिए बाध्य होते हैं, यानी बाईं माउस बटन पर क्लिक करने के लिए। यदि आपको होने वाली क्रिया का वर्णन करने के लिए बहुत सारे कोड की आवश्यकता नहीं है, तो यह सब सीधे बटन टैग में रखा जा सकता है। उदाहरण के लिए, एक बटन क्लिक करने पर ब्राउज़र को एक साधारण संदेश दिखाने के लिए प्रोग्राम करने के लिए, जावास्क्रिप्ट स्क्रिप्ट इस तरह दिखेगी: अलर्ट ('कोड काम किया!') इसमें केवल एक स्टेटमेंट और टेक्स्ट होता है। यह सब बटन टैग के ऑनक्लिक ईवेंट विवरण में आसानी से रखा जा सकता है। इस मामले में, पृष्ठ का सबसे सरल HTML कोड इस तरह दिख सकता है:
कोड के साथ बटन
कोड के साथ बटन
चरण 2
अधिक जटिल JavaScript कोड को सीधे बटन टैग में रखना व्यावहारिक नहीं है। इसमें से एक अलग कार्य करना आसान है, और इसके कॉल को ऑनक्लिक ईवेंट में रखना आसान है। उदाहरण के लिए, यह एक फ़ंक्शन की तरह लग सकता है जो एक बटन क्लिक के समय वाली विंडो दिखाता है: फ़ंक्शन गेटटाइम () {
वर अब = नई तिथि ();
चेतावनी ("कोड में काम किया" + now.getHours () + ":" + now.getMinutes ());
} इसे पेज के हेडर में (और टैग के बीच) रखा जाना चाहिए। बटन से बंधे इस फ़ंक्शन के लिए कॉल वाले पृष्ठ का पूरा कोड इस तरह दिख सकता है:
फंक्शन कॉल बटन
फ़ंक्शन गेटटाइम () {
वर अब = नई तिथि ();
चेतावनी ("कोड में काम किया" + now.getHours () + ":" + now.getMinutes ());
}
फंक्शन कॉल बटन
चरण 3
कई अलग-अलग बटनों पर क्लिक करते समय एक ही विधि का उपयोग किया जाना चाहिए, एक ऐसी घटना होनी चाहिए जिसे समान जावास्क्रिप्ट कोड के साथ वर्णित किया जा सके। उदाहरण के लिए, आप संदेश बॉक्स में दबाए गए बटन की पहचान जोड़ने के लिए पिछले फ़ंक्शन को थोड़ा संशोधित कर सकते हैं: फ़ंक्शन getTime (btnString) {
वर अब = नई तिथि ();
अलर्ट (btnString + "क्लिक इन" + now.getHours () + ":" + now.getMinutes ());
} ऐसे तीन बटन वाले पृष्ठ का पूरा कोड इस तरह दिख सकता है:
फंक्शन कॉल के साथ तीन बटन
फ़ंक्शन गेटटाइम (बीटीएनस्ट्रिंग) {
वर अब = नई तिथि ();
अलर्ट (btnString + "क्लिक इन" + now.getHours () + ":" + now.getMinutes ());
}
पहला बटन
दूसरा बटन
तीसरा बटन
