JavaScript இணைப்புகளுக்கான சரியான "href" மதிப்பைத் தேர்ந்தெடுப்பது: "#" vs "javascript:void(0)"

JavaScript இணைப்புகளுக்கான சரியான href மதிப்பைத் தேர்ந்தெடுப்பது: # vs javascript:void(0)
JavaScript இணைப்புகளுக்கான சரியான href மதிப்பைத் தேர்ந்தெடுப்பது: # vs javascript:void(0)
Liam Lambert
செவ்வாய், 18 ஜூன், 2024 ’அன்று’ பிற்பகல் 3:06:39

JavaScript இணைப்புகளுக்கான உகந்த href மதிப்புகள்

ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்கும் இணைப்புகளை உருவாக்கும் போது, ​​டெவலப்பர்கள் `href="#"` மற்றும் `href="javascript:void(0)"` ஆகியவற்றைப் பயன்படுத்துவதற்கு இடையே அடிக்கடி விவாதம் செய்கின்றனர். நடப்புப் பக்கத்திலிருந்து விலகிச் செல்லாமல் ஜாவாஸ்கிரிப்ட் செயல்பாடுகளைத் தூண்டுவதற்கு இந்த முறைகள் பொதுவாகப் பயன்படுத்தப்படுகின்றன.

இந்த கட்டுரை செயல்பாடு, பக்க சுமை வேகம் மற்றும் சரிபார்ப்பு ஆகியவற்றின் அடிப்படையில் இரண்டு அணுகுமுறைகளின் நன்மை தீமைகளை ஆராய்கிறது. திறமையான மற்றும் இணக்கமான இணையப் பயன்பாடுகளை உருவாக்கும்போது, ​​வேறுபாடுகளைப் புரிந்துகொள்வது, டெவலப்பர்கள் மேலும் தகவலறிந்த முடிவுகளை எடுக்க உதவும்.

கட்டளை விளக்கம்
<script> JavaScript போன்ற கிளையன்ட் பக்க ஸ்கிரிப்டை வரையறுக்கிறது.
function myJsFunc() JavaScript இல் myJsFunc என்ற செயல்பாட்டை அறிவிக்கிறது.
alert() குறிப்பிட்ட செய்தியுடன் எச்சரிக்கை உரையாடலைக் காட்டுகிறது.
<a href="#" தற்போதைய பக்கத்தின் மேற்பகுதியை சுட்டிக்காட்டும் ஹைப்பர்லிங்கை உருவாக்குகிறது.
onclick ஒரு உறுப்பைக் கிளிக் செய்யும் போது JavaScript குறியீட்டை இயக்கும் பண்புக்கூறு.
href="javascript:void(0)" ஹைப்பர்லிங்கின் இயல்புநிலை செயலைத் தடுக்கிறது மற்றும் கிளிக் செய்யும் போது எதுவும் செய்யாது.

href மதிப்புகளுடன் ஜாவாஸ்கிரிப்ட் இணைப்புகளைப் புரிந்துகொள்வது

வழங்கப்பட்ட ஸ்கிரிப்டுகள், கிளிக் செய்யும் போது ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்கும் ஹைப்பர்லிங்க்களை உருவாக்குவதற்கான இரண்டு பொதுவான முறைகளை விளக்குகின்றன. முதல் உதாரணம் பயன்படுத்துகிறது <a href="#" இணைந்து onclick ஜாவாஸ்கிரிப்ட் செயல்பாட்டை அழைப்பதற்கான பண்பு myJsFunc(). இந்த முறை நேரடியானது, ஆனால் ஒரு குறைபாடு உள்ளது: இது உலாவியின் இயல்புநிலை நடத்தை காரணமாக பக்கத்தின் மேல்பகுதிக்கு உருட்டுகிறது. href="#" பண்பு. இது இருந்தபோதிலும், இணைப்புகளில் ஜாவாஸ்கிரிப்டைக் கையாளுவதற்கு இது ஒரு எளிய மற்றும் அடிக்கடி பயன்படுத்தப்படும் முறையாகும், குறிப்பாக குறைந்தபட்ச செயல்பாடு தேவைப்படும் சூழல்களில்.

இரண்டாவது உதாரணம் பயன்படுத்துகிறது <a href="javascript:void(0)" உடன் இணைந்து onclick பண்பு. இந்த அணுகுமுறை ஹைப்பர்லிங்கின் இயல்புநிலை செயலை முற்றிலுமாகத் தடுக்கிறது, தேவையற்ற ஸ்க்ரோலிங் அல்லது வழிசெலுத்தல் ஏற்படாது என்பதை உறுதி செய்கிறது. பயன்பாடு javascript:void(0) பக்கத்தின் நிலையைப் பாதிக்காமல், ஜாவாஸ்கிரிப்ட் செயல்பாட்டைச் செயல்படுத்துவதே இணைப்பின் ஒரே செயல் என்பதை உறுதிசெய்வதில் குறிப்பாக பயனுள்ளதாக இருக்கும். பக்கத்தின் தற்போதைய ஸ்க்ரோல் நிலையைப் பராமரிக்கவும் தேவையற்ற மறுஏற்றங்களைத் தவிர்க்கவும் இந்த முறை பலனளிக்கும், இது பல நவீன வலைப் பயன்பாடுகளில் விருப்பமான தேர்வாக அமைகிறது.

ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்க "href='#'" ஐப் பயன்படுத்தவும்

HTML மற்றும் ஜாவாஸ்கிரிப்ட் எடுத்துக்காட்டு

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Link Example</title>
<script>
function myJsFunc() {
  alert("myJsFunc");
}
</script>
</head>
<body>
<a href="#" onclick="myJsFunc();">Run JavaScript Code</a>
</body>
</html>

ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்க "href='javascript:void(0)'" ஐப் பயன்படுத்தவும்

HTML மற்றும் ஜாவாஸ்கிரிப்ட் எடுத்துக்காட்டு

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Link Example</title>
<script>
function myJsFunc() {
  alert("myJsFunc");
}
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="myJsFunc();">Run JavaScript Code</a>
</body>
</html>

ஜாவாஸ்கிரிப்ட் இணைப்புகளுக்கான சரியான href மதிப்பைத் தேர்ந்தெடுப்பது

இடையே தீர்மானிக்கும் போது href="#" மற்றும் href="javascript:void(0)" JavaScript இணைப்புகளுக்கு, பயனர் அனுபவம் மற்றும் இணையத் தரநிலைகளுக்கான தாக்கங்களைக் கருத்தில் கொள்வது முக்கியம். தி href="#" இந்த முறை வசதியானது மற்றும் பரவலாக அங்கீகரிக்கப்பட்டுள்ளது, ஆனால் பக்கத்தின் மேல் பகுதிக்கு முன்னிருப்பாக இருப்பதன் மூலம் பயனரின் உருள் நிலையை சீர்குலைக்கும் ஒரு குறைபாட்டை இது அறிமுகப்படுத்துகிறது. இணைப்பைக் கிளிக் செய்த பிறகு பயனர்கள் தங்கள் இடத்தை இழக்கக்கூடிய நீண்ட பக்கங்களில் இது குறிப்பாக சிக்கலாக இருக்கும். கூடுதலாக, பயன்படுத்தி href="#" வலைதளத்தின் வழிசெலுத்தல் மற்றும் அணுகல் ஆகியவற்றில் கவனக்குறைவாக தலையிடலாம்.

மறுபுறம், href="javascript:void(0)" இணைப்பின் இயல்புநிலை செயலை முழுவதுமாக தடுப்பதன் மூலம் தூய்மையான தீர்வை வழங்குகிறது. இந்த இணைப்பு பயனரின் ஸ்க்ரோல் நிலையை பாதிக்காது அல்லது தேவையற்ற வழிசெலுத்தல் நடத்தைகளை அறிமுகப்படுத்தாது என்பதை இது உறுதி செய்கிறது. மேலும், பயன்படுத்தி javascript:void(0) ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்குவதற்காக மட்டுமே இணைப்பு வடிவமைக்கப்பட்டுள்ளது என்பதைத் தெளிவாகக் குறிப்பதன் மூலம் நவீன இணைய மேம்பாட்டு நடைமுறைகளுடன் சிறப்பாகச் சீரமைக்கிறது. இந்த அணுகுமுறை குறியீடு வாசிப்புத்திறனையும் பராமரிக்கும் திறனையும் மேம்படுத்தலாம், மற்ற டெவலப்பர்கள் இணைப்பின் நோக்கத்தைப் புரிந்துகொள்வதை எளிதாக்குகிறது.

ஜாவாஸ்கிரிப்ட் இணைப்புகளில் href மதிப்புகள் பற்றிய பொதுவான கேள்விகள் மற்றும் பதில்கள்

  1. என்ன செய்கிறது href="#" இணைப்பில் செய்யவா?
  2. href="#" தற்போதைய பக்கத்தின் மேற்பகுதியை சுட்டிக்காட்டும் ஒரு ஹைப்பர்லிங்கை உருவாக்குகிறது.
  3. நான் ஏன் பயன்படுத்த வேண்டும் href="javascript:void(0)"?
  4. href="javascript:void(0)" ஹைப்பர்லிங்கின் இயல்புநிலை செயலைத் தடுக்கிறது மற்றும் திட்டமிடப்படாத பக்க ஸ்க்ரோலிங் அல்லது வழிசெலுத்தலைத் தவிர்க்கிறது.
  5. இடையே செயல்திறன் வேறுபாடு உள்ளதா href="#" மற்றும் href="javascript:void(0)"?
  6. குறிப்பிடத்தக்க செயல்திறன் வேறுபாடு இல்லை, ஆனால் href="javascript:void(0)" தேவையற்ற ஸ்க்ரோலிங் செய்வதைத் தடுப்பதன் மூலம் மென்மையான பயனர் அனுபவத்தை வழங்க முடியும்.
  7. அணுகலுக்கு எந்த முறை சிறந்தது?
  8. href="javascript:void(0)" பயனரின் வழிசெலுத்தல் ஓட்டத்தை சீர்குலைப்பதைத் தவிர்ப்பதால், அணுகல்தன்மைக்கு பொதுவாக சிறந்தது.
  9. நான் பயன்படுத்தி கொள்ளலாமா href="#" ஜாவாஸ்கிரிப்ட் அல்லாத இணைப்புகளுக்கு?
  10. ஆம், ஆனால் வழிசெலுத்தலைக் கையாள சரியான URL அல்லது பொருத்தமான JavaScript செயல்பாட்டைப் பயன்படுத்துவது நல்லது.
  11. பயன்படுத்துவதில் என்ன குறைபாடுகள் உள்ளன href="#"?
  12. முதன்மையான குறைபாடு என்னவென்றால், இது பக்கத்தை மேலே உருட்டலாம், இது பயனர் அனுபவத்தை சீர்குலைக்கலாம்.
  13. எப்படி செய்கிறது onclick இந்த href மதிப்புகளுடன் வேலை செய்யவா?
  14. தி onclick பண்புக்கூறு இணைப்பைக் கிளிக் செய்யும் போது ஜாவாஸ்கிரிப்ட் குறியீட்டை இயக்குகிறது href மதிப்பு.
  15. இருக்கிறது href="javascript:void(0)" சரியான URL?
  16. ஆம், href="javascript:void(0)" கிளிக் செய்யும் போது எந்த செயலையும் செய்யாத சரியான URL ஆகும்.

JavaScript இணைப்பு href மதிப்புகள் பற்றிய இறுதி எண்ணங்கள்

முடிவில், இருவரும் போது href="#" மற்றும் href="javascript:void(0)" ஜாவாஸ்கிரிப்ட் இணைப்புகளை உருவாக்குவதற்கு பயனுள்ளதாக இருக்கும், அவை வெவ்வேறு நோக்கங்களுக்கு சேவை செய்கின்றன. href="#" இது நேரடியானது ஆனால் பக்கத்தை உருட்டுவதன் மூலம் பயனரின் அனுபவத்தை சீர்குலைக்கலாம். மாறாக, href="javascript:void(0)" எந்தவொரு இயல்புநிலை செயலையும் தடுப்பதன் மூலம் மென்மையான தொடர்புகளை உறுதி செய்கிறது. நவீன இணைய வளர்ச்சிக்கு, href="javascript:void(0)" பக்கத்தின் நிலையை பாதிக்காமல் ஜாவாஸ்கிரிப்ட் செயலாக்கத்தை அதன் தூய்மையான கையாளுதலின் காரணமாக பொதுவாக விருப்பமான தேர்வாகும்.