कभी-कभी, डेवलपर वेब एप्लिकेशन बनाते समय बार-बार वेब पेज को रीफ़्रेश करना चाहते हैं, जैसे कि ब्लॉग या वेबसाइटें जहाँ सामग्री उपयोगकर्ता क्रियाओं के आधार पर भिन्न हो सकती है। इन उपयोगकर्ता इंटरैक्शन पर आधारित कोई भी अपडेट की गई जानकारी पेज के रीफ़्रेश या रीलोड होने पर प्रदर्शित की जाएगी। इस उद्देश्य के लिए, जावास्क्रिप्ट कुछ पूर्वनिर्मित विधियों की पेशकश करता है जिनकी चर्चा नीचे की जाएगी।
यह पोस्ट जावास्क्रिप्ट का उपयोग करके पृष्ठ को पुनः लोड करने के तरीके बताएगी।
जावास्क्रिप्ट का उपयोग करके किसी पृष्ठ को कैसे पुनः लोड करें?
पृष्ठ को पुनः लोड या ताज़ा करने के लिए, जावास्क्रिप्ट में निम्नलिखित विधियों का उपयोग करें:
विधि 1: पुनः लोड () विधि का उपयोग करके पृष्ठ को पुनः लोड करें
उपयोग ' स्थान। पुनः लोड () ” पृष्ठ को पुनः लोड करने की विधि। यह ब्राउजर के रिफ्रेश बटन की तरह ही काम करता है। ' पुनः लोड करें() 'पद्धति पृष्ठ पुनः लोड करने के लिए ज़िम्मेदार है, जबकि' स्थान ” एक इंटरफ़ेस है जो उस वस्तु के वास्तविक स्थान (URL) को इंगित करता है जिससे वह जुड़ा हुआ है। रीफ़्रेश किए जाने वाले पृष्ठ का URL या तो “के द्वारा एक्सेस किया जा सकता है” दस्तावेज़ स्थान ' या ' विंडो स्थान ”।
वाक्य - विन्यास
रीलोड () विधि का उपयोग करके वर्तमान पृष्ठ को पुनः लोड करने के लिए निम्न सिंटैक्स का उपयोग करें:
विंडो.लोकेशन.रीलोड ( ) ;उदाहरण 1: एक बटन क्लिक पर रिफ्रेश करें
एक बटन बनाएं और एक 'संलग्न करें' क्लिक पर 'उस पर घटना जो जावास्क्रिप्ट को पूर्वनिर्धारित कहेगी' पुनः लोड करें() ' तरीका:
< बटन क्लिक पर = 'विंडो.लोकेशन.रीलोड ()' > ताज़ा करना / पृष्ठ पुनः लोड करें बटन >आउटपुट इंगित करता है कि पृष्ठ को रीफ्रेश किया गया है या एक बटन क्लिक पर पुनः लोड किया गया है:
उदाहरण 2: रीलोड () विधि के साथ सेटटाइमआउट () विधि का उपयोग करके ऑटो रिफ्रेश करें
'का उपयोग करके पृष्ठ को स्वचालित रूप से ताज़ा करने का समय निर्धारित करें' सेटटाइमआउट () ' तरीका। सबसे पहले, हम एक विधि परिभाषित करेंगे ' ताज़ा करें () ” जो उस समय के बाद पृष्ठ को ताज़ा करने के लिए एक पैरामीटर के रूप में एक समय अंतराल लेता है। सेटटाइमआउट () विधि को कॉल करें और फिर पुनः लोड () विधि को कॉल करें:
समारोह ताज़ा करना ( समय ) {सेटटाइमआउट ( ( ) = > {
दस्तावेज़.स्थान.पुनः लोड करें ( सच ) ;
} , समय ) ;
}
यहाँ, हम हर दो सेकंड के बाद पृष्ठ को ताज़ा करने के लिए 2 सेकंड का समय निर्धारित करेंगे:
विंडो.ऑनलोड = ताज़ा करें ( 2000 ) ;जैसा कि आप देख सकते हैं कि पृष्ठ 2 सेकंड के बाद स्वचालित रूप से ताज़ा हो जाता है:
विधि 2: गो () पद्धति का उपयोग करके पृष्ठ को पुनः लोड करें
पेज को रीफ्रेश करने का एक और तरीका है ' इतिहास.गो () ' तरीका। या तो एक सकारात्मक या नकारात्मक मान देना हमेशा की तरह पीछे या आगे बढ़ने के लिए इस्तेमाल किया जा सकता है। ताज़ा करने के लिए, पास करें ' 0 'तटस्थ मूल्य या कुछ भी नहीं।
वाक्य - विन्यास
पृष्ठ को पुनः लोड करने के लिए दिए गए सिंटैक्स का पालन करें:
history.go ( )उदाहरण
यहाँ, हम कॉल करेंगे ' history.go () 'बटन के क्लिक इवेंट में विधि:
< बटन क्लिक पर = 'इतिहास.गो ()' > ताज़ा करना / पृष्ठ पुनः लोड करें बटन >उत्पादन
जावास्क्रिप्ट का उपयोग करके वेब पेजों को पुनः लोड / रीफ्रेश करने के बारे में यह सब कुछ है।
निष्कर्ष
जावास्क्रिप्ट का उपयोग करके एक वेब पेज को पुनः लोड करने के लिए, 'का उपयोग करें' विंडो.लोकेशन.रीलोड () 'विधि या' history.go () ' तरीका। रीलोड () विधि वेब पेजों को फिर से लोड करने या रीफ्रेश करने के लिए सबसे अधिक इस्तेमाल किया जाने वाला तरीका है। इस पोस्ट में जावास्क्रिप्ट का उपयोग करके पेज को रीफ्रेश करने के तरीके बताए गए हैं।