ஜாவாஸ்கிரிப்ட்டில், பாகுபடுத்துதல் என்பது பெரிய அளவிலான கட்டமைக்கப்படாத தரவை படிக்கக்கூடிய மற்றும் எளிதான வடிவமாக மாற்றுவதற்குப் பயன்படுத்தப்படுகிறது. ஒரு குறிப்பிட்ட இணையதளத்தின் சரங்கள், பொருள்கள் மற்றும் URLகள் வடிவில் தரவை அலசலாம். ஜாவாஸ்கிரிப்டில் குறிப்பிட்ட URLஐ அலச, ' URL() 'கட்டமைப்பாளர். இது ஹோஸ்ட், பாதை பெயர், தேடல் ஹாஷ் மற்றும் ஹாஷின் பண்புகளுடன் புதிய URL பொருளை உருவாக்கும்.
ஜாவாஸ்கிரிப்டில் ஹோஸ்ட்பெயர் மற்றும் பாதையில் URL ஐ பாகுபடுத்தும் முறையை இந்த இடுகை விளக்குகிறது.
ஜாவாஸ்கிரிப்டில் ஹோஸ்ட்பெயர் மற்றும் பாதையில் ஒரு URL (இணைய முகவரி) பாகுபடுத்துதல்
ஜாவாஸ்கிரிப்டில் ஹோஸ்ட்பெயர் மற்றும் பாதையில் URL ஐ அலச, '' இன் உதவியுடன் தற்போதைய பக்க URL ஐப் பயன்படுத்தவும் window.location.href ”சொத்து. மேலும், ஒரு குறிப்பிட்ட URL ஐப் பயன்படுத்தி பாகுபடுத்தப்படலாம் URL() ”முறை.
நடைமுறை தாக்கங்களுக்கு, கூறப்பட்ட எடுத்துக்காட்டுகளைப் பார்க்கவும்:
எடுத்துக்காட்டு 1: தற்போதைய பக்கத்தின் URL ஐ ஹோஸ்ட்பெயர் மற்றும் பாதையில் பாகுபடுத்தவும்
நீங்கள் தற்போதைய பக்க URL ஐ ஜாவாஸ்கிரிப்டில் ஹோஸ்ட் பெயர் மற்றும் பாதையில் அலசலாம். அதற்கு, HTML பகுதியில் பின்வரும் குறியீட்டைப் பயன்படுத்தவும்:
- சேர் ' '' குறிச்சொல்லைப் பயன்படுத்தி ஒரு ஐடியை ஒதுக்கவும் ஐடி ” பண்பு.
- 'ஐப் பயன்படுத்தி ஒரு பொத்தானை உருவாக்கவும் <பொத்தான்> 'உறுப்பு மற்றும் அழைக்கவும்' கிளிக் செய்யவும் ” பயனர் பொத்தானைக் கிளிக் செய்யும் போது ஒரு குறிப்பிட்ட நிகழ்வைச் செய்வதற்கான நிகழ்வு. மேலும், இந்த நிகழ்வின் மதிப்பாக ஒரு செயல்பாட்டை அழைக்கவும்:
< பொத்தானை கிளிக் செய்யவும் = 'func()' > URL க்கு அலசவும் பொத்தானை >
< p id = 'id2' > ப >
< p id = 'id3' > ப >
ஜாவாஸ்கிரிப்ட் பகுதியில், '' உதவியுடன் முதல் ஐடியை அணுகவும் getElementById() 'முறை மற்றும் தொகுப்பு' window.location.href ” தற்போதைய பக்கத்தின் URL ஐ அலச:
ஆவணம். getElementById ( 'id1' ) . உள் HTML = ஜன்னல். இடம் . href ;ஒரு செயல்பாடு இவ்வாறு வரையறுக்கப்படுகிறது ' func() 'அது இரண்டாவது உறுப்பை அணுகுவதன் மூலம்' ஐடி2 ”. இன்-லைன் ஸ்டைலிங்கைப் பயன்படுத்துவதன் மூலம் ' ” HTML டேக் செய்து வண்ணத்தை அமைக்கவும். பின்னர், பயன்படுத்தவும் ' window.location.hostname தற்போதைய பக்கத்தின் URL ஐ வழங்கும் சொத்து:
செயல்பாடு செயல்பாடு ( ) {
ஆவணம். getElementById ( 'id2' ) . உள் HTML = ` < h2 பாணி = 'நிறம்:நீலம்;' > ஹோஸ்ட் பெயர் : h2 > ` + ஜன்னல். இடம் . புரவலன் பெயர் ;
ஆவணம். getElementById ( 'id3' ) . உள் HTML = ` < h2 பாணி = 'நிறம்:நீலம்;' > பாதை : h2 > ` + ஜன்னல். இடம் . பாதை பெயர் ;
}
வெளியீடு
பொத்தானைக் கிளிக் செய்த பிறகு, தற்போதைய பக்கத்தின் ஹோஸ்ட்பெயர் மற்றும் பாதை திரையில் காட்டப்படுவதைக் காணலாம்:
எடுத்துக்காட்டு 2: URL() முறையைப் பயன்படுத்தி URL ஐ ஹோஸ்ட்பெயர் மற்றும் பாதையில் பாகுபடுத்தவும்
'' ஐப் பயன்படுத்தி URL ஐ ஹோஸ்ட்பெயர் மற்றும் பாதையாக அலசலாம் URL() ”முறை. அவ்வாறு செய்ய, மேலே உள்ள HTML குறியீட்டைப் பயன்படுத்தவும், பின்னர் கீழே குறிப்பிடப்பட்டுள்ள ஜாவாஸ்கிரிப்ட் குறியீட்டைச் சேர்க்கவும். அந்த நோக்கத்திற்காக, ஒரு பொருளை துவக்கி, '' URL() ” கன்ஸ்ட்ரக்டர், மற்றும் குறிப்பிட்ட பக்கத்தின் URL ஐ முறைக்கு ஒரு வாதமாக அனுப்பவும்:
இருந்தது my_url = புதிய URL ( 'https://linuxhint.com/' ) ;HTML உறுப்பை அதன் ஐடியைப் பயன்படுத்தி அணுகவும் getElementById() ”முறை:
ஆவணம். getElementById ( 'id1' ) . உள் HTML = my_url ;பெயருடன் ஒரு செயல்பாட்டை உருவாக்கி மற்ற HTML உறுப்புகளை அணுகவும்:
செயல்பாடு செயல்பாடு ( ) {ஆவணம். getElementById ( 'id2' ) . உள் HTML = ` < h2 பாணி = 'நிறம்:நீலம்;' > ஹோஸ்ட் பெயர் : h2 > ` + my_url. புரவலன் பெயர் ;
ஆவணம். getElementById ( 'id3' ) . உள் HTML = ` < h2 பாணி = 'நிறம்:நீலம்;' > பாதை : h2 > ` + my_url. பாதை பெயர் ;
}
வெளியீடு
ஜாவாஸ்கிரிப்டில் URL/இணைய முகவரியை ஹோஸ்ட்பெயர் மற்றும் பாதையில் பாகுபடுத்துவது அவ்வளவுதான்.
முடிவுரை
ஜாவாஸ்கிரிப்டில், ' window.location.href ” தற்போதைய பக்க URL ஐ பாகுபடுத்த பயன்படுத்தப்படலாம். மேலும், ஒரு குறிப்பிட்ட URL ஐப் பயன்படுத்தி பாகுபடுத்தப்படலாம் URL() ”முறை. இந்த டுடோரியல் ஒரு URL (இணைய முகவரி) ஒரு ஹோஸ்ட் பெயர் மற்றும் வெவ்வேறு வழிகளைப் பயன்படுத்தி பாதையில் பாகுபடுத்தும் விரிவான செயல்முறையை விளக்கியுள்ளது.