JavaScript लिंक के लिए "#" या "javascript:void(0)" में से कौन बेहतर है?

"javascript:void(0)" का उपयोग क्यों बेहतर है?

"javascript:void(0)" का उपयोग करना "#" से बेहतर माना जाता है क्योंकि यह तेज़ होता है और अनावश्यक पेज स्क्रॉल को रोकता है। जब आप "#" का उपयोग करते हैं, तो ब्राउज़र पेज के टॉप पर स्क्रॉल हो जाता है, जबकि "javascript:void(0)" ऐसा नहीं करता।

void ऑपरेटर कैसे काम करता है?

void ऑपरेटर दिए गए एक्सप्रेशन को मूल्यांकन करता है और undefined रिटर्न करता है। void(0) का उपयोग करके हम undefined प्रिमिटिव वैल्यू प्राप्त करते हैं।

उदाहरण

निम्न उदाहरण में, लिंक पर डबल-क्लिक करने पर अलर्ट दिखेगा लेकिन पेज नहीं बदलेगा:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>JavaScript void(0) समझना</title> 
  </head> 
  <body> 
    <a href="javascript:void(0);" ondblclick="alert('Click it twice!')"> 
      Click me not once, but twice. 
    </a> 
  </body> 
</html>

मुख्य अंतर

सुझाव: आधुनिक विकास में, इवेंट हैंडलर्स में event.preventDefault() का उपयोग करना अधिक बेहतर अभ्यास माना जाता है।