ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு பக்கத்தை மீண்டும் ஏற்றுவது எப்படி

Javaskiriptaip Payanpatutti Oru Pakkattai Mintum Erruvatu Eppati



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

JavaScript ஐப் பயன்படுத்தி ஒரு பக்கத்தை மீண்டும் ஏற்றுவதற்கான வழிகளை இந்த இடுகை விளக்குகிறது.







ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு பக்கத்தை மீண்டும் ஏற்றுவது எப்படி?

பக்கத்தை மீண்டும் ஏற்ற அல்லது புதுப்பிக்க, JavaScript இல் பின்வரும் முறைகளைப் பயன்படுத்தவும்:



முறை 1: ரீலோட்() முறையைப் பயன்படுத்தி ஒரு பக்கத்தை மீண்டும் ஏற்றவும்

பயன்படுத்த ' location.reload() ” பக்கத்தை மீண்டும் ஏற்றுவதற்கான முறை. இது உலாவியின் புதுப்பிப்பு பொத்தானைப் போலவே செயல்படுகிறது. ' ஏற்றவும்() பக்கத்தை மீண்டும் ஏற்றுவதற்கு ' முறை பொறுப்பாகும், அதே நேரத்தில் ' இடம் ” என்பது ஒரு இடைமுகம், அது தொடர்புடைய பொருளின் உண்மையான இருப்பிடத்தை (URL) குறிக்கிறது. புதுப்பிக்க வேண்டிய பக்கத்தின் URL ஐ அணுகலாம் ' ஆவணம்.இடம் ' அல்லது ' window.location ”.



தொடரியல்





reload() முறையைப் பயன்படுத்தி தற்போதைய பக்கத்தை மீண்டும் ஏற்றுவதற்கு பின்வரும் தொடரியல் பயன்படுத்தவும்:

window.location.reload ( ) ;



எடுத்துக்காட்டு 1: பட்டன் கிளிக்கில் புதுப்பிக்கவும்

ஒரு பொத்தானை உருவாக்கி, ''ஐ இணைக்கவும் கிளிக் செய்யவும் 'ஜாவாஸ்கிரிப்ட் முன் வரையறுக்கப்பட்ட' நிகழ்வு என்று அழைக்கப்படும். ஏற்றவும்() ”முறை:

< பொத்தானை கிளிக் செய்யவும் = 'window.location.reload()' > புதுப்பிப்பு / பக்கத்தை மீண்டும் ஏற்றவும் பொத்தானை >

ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் பக்கம் புதுப்பிக்கப்பட்டது அல்லது மீண்டும் ஏற்றப்பட்டது என்பதை வெளியீடு குறிக்கிறது:

எடுத்துக்காட்டு 2: ரீலோட் () முறையுடன் setTimeout() முறையைப் பயன்படுத்தி தானாகப் புதுப்பித்தல்

'' ஐப் பயன்படுத்தி பக்கத்தை தானாக புதுப்பிப்பதற்கான நேரத்தை அமைக்கவும் செட் டைம்அவுட்() ”முறை. முதலில், ஒரு முறையை வரையறுப்போம் ' புதுப்பிப்பு() ” அந்த நேரத்திற்குப் பிறகு பக்கத்தைப் புதுப்பிக்க ஒரு அளவுருவாக நேர இடைவெளியை எடுக்கும். setTimeout() முறையை அழையுங்கள், பின்னர் reload() முறையை அழைக்கவும்:

செயல்பாடு புதுப்பிப்பு ( நேரம் ) {
நேரம் முடிந்தது ( ( ) = > {
document.location.reload ( உண்மை ) ;
} , நேரம் ) ;
}

இங்கே, ஒவ்வொரு இரண்டு வினாடிகளுக்கும் பிறகு பக்கத்தைப் புதுப்பிக்க 2 வினாடிகள் நேரத்தை அமைப்போம்:

window.onload = புதுப்பிக்கவும் ( 2000 ) ;

2 வினாடிகளுக்குப் பிறகு பக்கம் தானாகவே புதுப்பிக்கப்படுவதை நீங்கள் பார்க்க முடியும்:

முறை 2: go() முறையைப் பயன்படுத்தி ஒரு பக்கத்தை மீண்டும் ஏற்றவும்

ஒரு பக்கத்தைப் புதுப்பிப்பதற்கான மற்றொரு அணுகுமுறை ' history.go() ”முறை. நேர்மறை அல்லது எதிர்மறை மதிப்பைக் கொடுப்பது வழக்கம் போல் பின்னோக்கி அல்லது முன்னோக்கி நகர்த்தலாம். புதுப்பித்தலுக்கு, ' 0 ” நடுநிலை மதிப்பு அல்லது எதுவும் இல்லை.

தொடரியல்

பக்கத்தை மீண்டும் ஏற்றுவதற்கு கொடுக்கப்பட்ட தொடரியல் பின்பற்றவும்:

வரலாறு.போ ( )

உதாரணமாக

இங்கே நாம் அழைப்போம் ' history.go() ”பொத்தானின் கிளிக் நிகழ்வில் முறை:

< பொத்தானை கிளிக் செய்யவும் = 'history.go()' > புதுப்பிப்பு / பக்கத்தை மீண்டும் ஏற்றவும் பொத்தானை >

வெளியீடு

ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி வலைப்பக்கங்களை மீண்டும் ஏற்றுதல்/புதுப்பித்தல் பற்றியது.

முடிவுரை

ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி வலைப்பக்கத்தை மீண்டும் ஏற்றுவதற்கு, ' window.location.reload() 'முறை அல்லது' history.go() ”முறை. ரீலோட்() முறையானது வலைப்பக்கங்களை மீண்டும் ஏற்றுவதற்கு அல்லது புதுப்பிப்பதற்கு பொதுவாகப் பயன்படுத்தப்படும் அணுகுமுறையாகும். இந்த இடுகை ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி ஒரு பக்கத்தைப் புதுப்பிப்பதற்கான வழிகளை விளக்குகிறது.