HTML மார்க்அப்பில் குறிச்சொற்களை எங்கு வைக்க வேண்டும்?

Html Markappil Kuriccorkalai Enku Vaikka Ventum



ஒரு HTML ஆவணத்தில், ஜாவாஸ்கிரிப்ட் குறியீடு ' கையால் எழுதப்பட்ட தாள் 'இடையிலான உறுப்பு' ' குறிச்சொற்கள். ஸ்கிரிப்ட் கூறுகளை உள்ளே சேர்க்கலாம் ' தலை ” HTML ஆவணத்தின் உறுப்பு தொடக்கத் தலை குறிச்சொல்லுக்குப் பின் மற்றும் முடிவடையும் தலை குறிச்சொல்லுக்கு முன் எங்கும். இதை உள்ளேயும் சேர்க்கலாம் ' உடல் HTML ஆவணத்தின் உறுப்பு தொடக்க உடல் குறிச்சொல்லுக்குப் பிறகு மற்றும் இறுதி உடல் குறிச்சொல்லுக்கு முன் எங்கும். மேலும், 'ஸ்கிரிப்ட்' குறிச்சொற்களை ஒரு HTML ஆவணத்தில் 'தலை' மற்றும் 'உடல்' கூறுகள் இரண்டிலும் சேர்க்கலாம்.

HTML இல் உள்ள 'ஸ்கிரிப்ட்' குறிச்சொற்களின் எண்ணிக்கைக்கு எந்த தடையும் இல்லை. எனவே, ஒரு HTML ஆவணத்தில் பல 'ஸ்கிரிப்ட்' குறிச்சொற்கள் இருக்கலாம்.

HTML இல்



சேர்த்து கிழிந்தது > ஹெட் உறுப்பில் குறியிடவும்

ஜாவாஸ்கிரிப்ட் செயல்பாடுகளுடன் கூடிய ஸ்கிரிப்ட் குறிச்சொற்களை ஹெட் உறுப்பில் சேர்க்கலாம். HTML ஆவணத்தின் ஹெட் உறுப்பில் சேர்க்கப்பட்ட ஜாவாஸ்கிரிப்ட் செயல்பாட்டின் எளிய உதாரணத்தை எடுத்துக்கொண்டு இந்த யோசனையை நடைமுறையில் செயல்படுத்துவோம்.



உதாரணமாக



தலை உறுப்புக்குள் ஸ்கிரிப்ட் உறுப்பைச் சேர்க்கவும் அல்லது ஏற்கனவே உள்ள HTML ஆவணத்தில் உள்ள ஸ்கிரிப்ட் உறுப்பை ஹெட் டேக்கிற்கு நகர்த்தவும்:





< தலை >
< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு myFunction() {
document.getElementById('demoId').innerHTML = 'பிறகு!!!';
}
< / கையால் எழுதப்பட்ட தாள் >
< / தலை >

< உடல் >

< h2 > தலையில் ஸ்கிரிப்ட் குறிச்சொற்களைச் சேர்த்தல் < / h2 >
< ஐடி = 'டெமோயிட்' > முன்பு... < / >
< பொத்தானை வகை = 'பொத்தானை' கிளிக் செய்யவும் = 'myFunction()' > அதை மாற்ற < / பொத்தானை >
< / உடல் >

மேலே உள்ள குறியீடு துணுக்கில்:

  • ஒரு '

    'உள்ளே செல்கிறது' உடல் 'உறுப்பு மற்றும் அதன் பிறகு, ஒரு' பத்தி எளிய உரையைக் கொண்ட உறுப்பு.

  • பின்னர் ஒரு பொத்தான் உருவாக்கப்பட்டு, ஒரு செயல்பாடு ' myFunction() 'இல் வரையறுக்கப்பட்டுள்ளது' கிளிக் செய்யவும் ” பண்புக்கூறு நிகழ்வு கையாளுபவராக சேர்க்கப்பட்டது.
  • ' கையால் எழுதப்பட்ட தாள் 'உறுப்பு' உள்ளே சேர்க்கப்பட்டது தலை 'உறுப்பு, அதன் உள்ளே, செயல்பாடு அழைக்கப்படுகிறது, மற்றும் ' getElementById 'முறையை குறிப்பிடும் வகையில் வரையறுக்கப்பட்டுள்ளது' demoId '.

இது வெளியீட்டில் ஜாவாஸ்கிரிப்ட் செயல்பாட்டைச் சரியாகச் செயல்படுத்தும்:



சேர்த்து மறைவான > உடல் உறுப்புகளில் குறியிடவும்

ஸ்கிரிப்ட் குறிச்சொற்களை உள்ளே சேர்க்கலாம் ' <உடல்> 'முடிவிற்கு முன் எங்கும் உறுப்பு' உடல் ' குறிச்சொற்கள்.

உதாரணமாக

' கையால் எழுதப்பட்ட தாள் ” குறிச்சொற்கள் சேர்க்கப்பட்டுள்ளன உடல் உறுப்பு:

< / உடல் >
< h2 >உடலில் ஸ்கிரிப்ட் குறிச்சொற்களைச் சேர்த்தல்< / h2 >
< ஐடி = 'டெமோயிட்' >முன்...< / >
< பொத்தானை வகை = 'பொத்தானை' கிளிக் செய்யவும் = 'myFunction()' >மாற்று< / பொத்தானை >
< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு myFunction ( ) {
document.getElementById ( 'டெமோயிட்' ) .innerHTML = 'பிறகு!!!' ;
}
< / கையால் எழுதப்பட்ட தாள் >
< / உடல் >

மேலே உள்ள குறியீடு துணுக்கில்:

  • இந்த இடுகையின் முந்தைய பிரிவில் விளக்கப்பட்ட அதே குறியீட்டில் உள்ள அதே ஜாவாஸ்கிரிப்ட் செயல்பாடு உடல் உறுப்புகளில் சேர்க்கப்பட்டுள்ளது.

சேர்ப்பது ' கையால் எழுதப்பட்ட தாள் உள்ளே 'குறிச்சொற்கள்' உடல் ” உறுப்பும் அதே முடிவுகளை உருவாக்கும் மற்றும் ஜாவாஸ்கிரிப்ட் செயல்பாட்டைச் சரியாக இயக்கும்:

இது எங்கு இருக்க வேண்டும் என்பதை நிரூபிக்கிறது '