2010-12-18 7 views
52

आम आदमी शब्दों में अविभाज्य जावास्क्रिप्ट क्या है? मेरी समझ में सहायता करने के लिए एक उदाहरण अच्छा होगा।आम आदमी शब्दों में अविभाज्य जावास्क्रिप्ट क्या है?

+8

विकिपीडिया का अच्छा लेख है: http://en.wikipedia.org/wiki/Unobtrusive_JavaScript –

+0

@ माधुर: +1 आपकी टिप्पणी एक उत्तर देने योग्य है – darioo

उत्तर

74

चेकआउट विकिपीडिया लेख:

"विनीत जावास्क्रिप्ट" वेब पृष्ठों में जावास्क्रिप्ट का उपयोग करने के लिए एक सामान्य दृष्टिकोण है। हालांकि शब्द औपचारिक रूप से परिभाषित नहीं है, अपने बुनियादी सिद्धांतों आम तौर पर शामिल करने के लिए समझ रहे हैं:

  • किसी वेब पेज के संरचना/सामग्री और प्रस्तुति
  • सर्वश्रेष्ठ अभ्यास से कार्यक्षमता ("व्यवहार परत") का पृथक्करण (जैसे ब्राउज़र विसंगतियों के रूप में और scalability की कमी) पारंपरिक JavaScript प्रोग्रामिंग की समस्याओं
  • प्रगतिशील वृद्धि से बचने के लिए उपयोगकर्ता एजेंट समर्थन उन्नत नहीं हो सकता है कि JavaScri समर्थन करने के लिए pt कार्यक्षमता [2]

तो यह मूल रूप से प्रस्तुति या html से व्यवहार या जावास्क्रिप्ट को अलग कर रहा है।

उदाहरण:

<input type="button" id="btn" onclick="alert('Test')" /> 

क्योंकि व्यवहार और प्रस्तुति मिलाया जाता है unobstrusive जावास्क्रिप्ट नहीं है यही कारण है कि। onclick एचटीएमएल में नहीं होना चाहिए और जावास्क्रिप्ट का हिस्सा स्वयं HTML नहीं होना चाहिए।

ऊपर के उदाहरण के साथ, आप इस तरह unobstrusive जा सकते हैं:

<input type="button" id="btn" /> 

जावास्क्रिप्ट:

var el = document.getElementById('btn'); 
el.onclick = function(){ 
    alert('Test'); 
}; 

उस समय हम एक बहुत ही बुनियादी उदाहरण के साथ एचटीएमएल से जावास्क्रिप्ट अलग किया है।

नोट:

वहाँ के रूप में विकिपीडिया लेख पर बाहर जाँच की जा सकती unobstrusive जावास्क्रिप्ट के लिए और अधिक है।

+1

एक महान उदाहरण के लिए धन्यवाद लेकिन यह ऑनक्लिक = एचटीएमएल में "अलर्ट ('टेस्ट')? – Imran

+6

@ इमरान: यदि आप इसके बारे में सोचते हैं तो कई कारणों से। आसान पोर्टेबिलिटी के लिए, दूसरों के लिए चीज़ें, विस्तार, इत्यादि को ढूंढना आसान है। – Sarfraz

संबंधित मुद्दे