वेब पेजों में बटनों का उपयोग इंटरैक्टिव उपयोगकर्ता अनुभव प्रदान करने के लिए किया जाता है। एक नियम के रूप में, यदि एक बटन क्लिक की प्रतिक्रिया के लिए सर्वर को डेटा भेजने की आवश्यकता नहीं होती है, तो जावास्क्रिप्ट स्क्रिप्ट का उपयोग करके बातचीत को लागू किया जाता है। संबंधित जावास्क्रिप्ट कोड को लागू करने के तरीके भिन्न हो सकते हैं - विभिन्न प्रकार के बटनों के लिए नीचे कई संभावित विकल्प दिए गए हैं।
अनुदेश
चरण 1
यदि किसी वेब पेज में बटन का प्रदर्शन बटन टैग का उपयोग करके व्यवस्थित किया जाता है, तो जावास्क्रिप्ट कोड को ऑनक्लिक विशेषता में रखा जा सकता है। उदाहरण के लिए, इस तरह: बटन बेशक, बटन टैग में सीधे पर्याप्त बड़ा कोड डालना उचित नहीं है - इसे एक फ़ंक्शन के रूप में डिज़ाइन करना बेहतर है, और इस फ़ंक्शन को ऑनक्लिक विशेषता में कॉल करने के लिए केवल कोड डालें। उदाहरण के लिए:
फंक्शन शोअलर्ट () {
चेतावनी ('बटन क्लिक किया गया!')
}
बटन
चरण दो
यदि बटन इनपुट टैग विविधताओं (सबमिट, रीसेट, बटन, या छवि) में से किसी एक के माध्यम से प्रदर्शित होता है, तो उसी ऑनक्लिक विशेषता का उपयोग किया जा सकता है। उदाहरण के लिए, फॉर्म फ़ील्ड्स (रीसेट) को साफ़ करने के लिए एक बटन के लिए, कोड इस तरह दिख सकता है: यदि आप चाहते हैं कि बटन क्लिक होने पर केवल जावास्क्रिप्ट निष्पादित हो, और डिफ़ॉल्ट क्रिया न हो, तो रिटर्न कमांड फ़ंक्शन या सीधे ऑनक्लिक विशेषता के लिए गलत। उदाहरण के लिए:
चरण 3
यदि आपको सबमिट प्रकार के बटन पर क्लिक करने के लिए प्रतिक्रिया व्यवस्थित करने की आवश्यकता है, तो, ऑनक्लिक विशेषता का उपयोग करके उपरोक्त विधि के अतिरिक्त, आप फॉर्म टैग के गुणों का उपयोग कर सकते हैं जिससे यह बटन संबंधित है। संबंधित फ़ंक्शन कॉल को फॉर्म टैग की ऑनसबमिट विशेषता में रखा जा सकता है। उदाहरण के लिए:
चरण 4
यदि बटन एक प्रपत्र तत्व नहीं है, बल्कि केवल एक ग्राफिक तत्व (img टैग) है, तो इसके लिए मानक भी ऑनक्लिक विशेषता के उपयोग की अनुमति देते हैं। उदाहरण के लिए:
चरण 5
यदि बटन हाइपरलिंक है, तो आपको बटन की विशेषताओं का उपयोग नहीं करना चाहिए, लिंक टैग के गुणों का उपयोग करना बेहतर है। आप पिछले विकल्पों की तरह ऑनक्लिक टैग का उपयोग कर सकते हैं। उदाहरण के लिए: और आप href विशेषता में पते को फ़ंक्शन कॉल से बदल सकते हैं। उदाहरण के लिए, इस तरह:
