இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டை HTML கோப்பில் வைப்பதற்கான அணுகுமுறைகளை விளக்குகிறது.
HTML கோப்பில் ஜாவாஸ்கிரிப்டை எங்கு வைப்பது?
ஒரு HTML கோப்பில் ஜாவாஸ்கிரிப்ட்டின் இடம்:
அணுகுமுறை 1: HTML கோப்பில் குறிச்சொல்லுக்குள் ஜாவாஸ்கிரிப்ட் இடம்
இந்த அணுகுமுறையில், குறியீட்டின் ஜாவாஸ்கிரிப்ட் பகுதியின் இடம் ' <தலை> ” டேக் விளக்கப்படும்.
உதாரணமாக
கீழே கொடுக்கப்பட்டுள்ள ஆர்ப்பாட்டத்தின் மேலோட்டத்தை பார்க்கலாம்:
< தலை >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
செயல்பாடு இடம் Js ( ) {
எச்சரிக்கை ( 'ஜாவாஸ்கிரிப்ட்டின் இடம் குறிச்சொல்லுக்குள் உள்ளது' )
}
கையால் எழுதப்பட்ட தாள் >
தலை >
< உடல் >
< மையம் >< பொத்தானை கிளிக் செய்யவும் = 'placementJs()' > என்னை கிளிக் செய்யவும் பொத்தானை > மையம் >
உடல் >
மேலே உள்ள குறியீடு துணுக்கில்:
- குறியீட்டின் ஜாவாஸ்கிரிப்ட் பகுதியை 'க்குள் சேர்க்கவும் <தலை> '' இன் உதவியுடன் குறிச்சொல் ” குறிச்சொல்.
- JS குறியீட்டில், '' என்ற செயல்பாட்டை வரையறுக்கவும் இடம் Js() ”. அதன் வரையறையில், எச்சரிக்கை உரையாடல் பெட்டி வழியாக கூறப்பட்ட செய்தியைக் காட்டவும்.
- கடைசியாக, HTML குறியீட்டில், ஒரு பொத்தானை உருவாக்கவும். கிளிக் செய்யவும் ” நிகழ்வு பொத்தான் கிளிக்கில் முந்தைய படியில் வரையறுக்கப்பட்ட செயல்பாட்டிற்கு திருப்பி விடப்படும்.
வெளியீடு
மேலே உள்ள வெளியீட்டில், JS குறியீடானது '' என்பதில் வைப்பதன் மூலம் சரியாகச் செயல்படுவதைக் காணலாம். <தலை> ” குறிச்சொல்.
அணுகுமுறை 2: HTML கோப்பில் குறிச்சொல்லுக்குள் ஜாவாஸ்கிரிப்ட் இடம்
இந்த அணுகுமுறையில், ஜாவாஸ்கிரிப்ட் குறியீட்டின் இடம் ' <உடல்> ஒரு HTML கோப்பில் 'குறிச்சொல் விவாதிக்கப்படும்.
உதாரணமாக
கீழே கொடுக்கப்பட்டுள்ள உதாரணம் கூறப்பட்ட கருத்தை விளக்குகிறது:
< உடல் >< மையம் >< பொத்தானை கிளிக் செய்யவும் = 'placementJs()' > என்னை கிளிக் செய்யவும் பொத்தானை > மையம் >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
செயல்பாடு இடம் Js ( ) {
எச்சரிக்கை ( 'ஜாவாஸ்கிரிப்ட்டின் இடம் குறிச்சொல்லுக்குள் உள்ளது' )
}
கையால் எழுதப்பட்ட தாள் >
உடல் >
மேலே உள்ள குறியீட்டு வரிகளில்:
- அதற்குள் ' <உடல்> ” டேக், அதே போல், ப்ளேஸ்மென்ட்Js() செயல்பாட்டை செயல்படுத்தும் பொத்தானை உருவாக்கவும். கிளிக் செய்யவும் ' நிகழ்வு.
- ஜாவாஸ்கிரிப்ட் குறியீடு தொகுதியில், '' என்ற செயல்பாட்டை அறிவிக்கவும் இடம் Js() ”.
- பொத்தானைக் கிளிக் செய்வதன் மூலம் இந்தச் செயல்பாடு செயல்படுத்தப்படும் மற்றும் எச்சரிக்கை மூலம் கூறப்பட்ட செய்தியைக் காண்பிக்கும்.
வெளியீடு
அணுகுமுறை 3: ஜாவாஸ்கிரிப்டை வெளிப்புறக் கோப்பாக வைப்பது
இந்த குறிப்பிட்ட அணுகுமுறையானது ஒரு ஜாவாஸ்கிரிப்ட் குறியீடு தொகுதியை வெளிப்புற JS கோப்பாக குறிப்பிட்ட கோப்பு பெயரை நீட்டிப்புடன் வைப்பதை உள்ளடக்கியது ' .js 'இல்' src ” பண்பு.
உதாரணமாக
பின்வரும் உதாரணத்தின் வழியாக செல்லலாம்:
< உடல் >< மையம் >< பொத்தானை கிளிக் செய்யவும் = 'placementJs()' > என்னை கிளிக் செய்யவும் பொத்தானை > மையம் >
உடல் >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' src = வெளிப்புற கோப்பு. js > கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள HTML குறியீட்டில்:
- ஜாவாஸ்கிரிப்ட் செயல்பாட்டிற்கு திசைதிருப்பும் பொத்தானை உருவாக்குவதற்கான விவாதிக்கப்பட்ட அணுகுமுறையை நினைவுபடுத்தவும் ' இடம் Js() ”.
- அதன் பிறகு, '' இல் கூறப்பட்ட கோப்பு பெயருடன் இணைக்கப்பட்ட வெளிப்புற JS கோப்பின் உதவியுடன் ஜாவாஸ்கிரிப்ட் செயல்பாடுகளை ஒருங்கிணைக்கவும். src ” பண்பு.
கீழே கொடுக்கப்பட்டுள்ள JS குறியீட்டிற்குச் செல்வோம்:
செயல்பாடு இடம் Js ( ) {எச்சரிக்கை ( 'இது ஒரு வெளிப்புற ஜாவாஸ்கிரிப்ட் கோப்பு' )
}
மேலே உள்ள குறியீடு தொகுதியில்:
- ஒரு செயல்பாட்டை வரையறுக்கவும் ' இடம் JS() ”.
- அதன் வரையறையில், பொத்தானைக் கிளிக் செய்வதன் மூலம் எச்சரிக்கை மூலம் கூறப்பட்ட செய்தியைக் காண்பிக்கவும்.
- இந்த அணுகுமுறை HTML மற்றும் ஜாவாஸ்கிரிப்ட் கோப்புகளை உட்பொதிப்பதன் மூலம் ஒரே முடிவைத் தரும்.
வெளியீடு
HTML கோப்பில் JavaScript ஐ வைப்பது தொடர்பான உண்மையான தகவலை நாங்கள் வழங்கியுள்ளோம்.
முடிவுரை
ஒரு HTML கோப்பில் ஜாவாஸ்கிரிப்ட்டின் இடம் ' <தலை> 'குறிச்சொல்,' <உடல்> 'குறிச்சொல், அல்லது வெளிப்புறமாக' js கோப்பு 'குறிப்பிடுவதன் மூலம்' src ”. ஜாவாஸ்கிரிப்ட் குறியீடு குறிப்பிடப்பட்ட குறிச்சொற்களில் ஏதேனும் ஒன்றை வைக்கும்போது ஒரே மாதிரியாக செயல்படுகிறது. இருப்பினும், ஜாவாஸ்கிரிப்டை வெளிப்புற js கோப்பாக வைப்பது குறியீட்டின் மறு-பயன்பாட்டிற்கு உதவுகிறது. இந்த வலைப்பதிவு ஒரு HTML கோப்பில் ஜாவாஸ்கிரிப்டை வைப்பது தொடர்பான வழிகாட்டுகிறது.