Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में Window Reload इवेंट से पेज कैसे रीलोड करें

JavaScript के साथ वेबपेज को रीलोड करने के लिए हमें Window Reload इवेंट का उपयोग करने की आवश्यकता है।

JavaScript की एक लाइन से पेज रीलोड करें:

इस कोड को अपने ब्राउज़र कंसोल में पेस्ट करें और एंटर दबाएं

window.location.reload()

कूल, लेकिन शायद इतना व्यावहारिक नहीं? आइए कुछ और कोशिश करते हैं।

बटन क्लिक इवेंट से पेज रीलोड करें:

इसे अपने HTML मार्कअप में जोड़ें:

<button onclick="reloadPage()">Reload page</button>

अपनी JavaScript फ़ाइल में विंडो रीलोड इवेंट फ़ंक्शन जोड़ें

function reloadPage() { window.location.reload() }

नोट: विंडो रीलोड इवेंट CodePen एडिटर के अंदर काम नहीं करता, लेकिन आप इसे CodePen के डिबग मोड में टेस्ट कर सकते हैं।

  1. JavaScript से अपने वेब पेज को कैसे रीडायरेक्ट करें? JavaScript से अपने वेब पेज को कैसे रीडायरेक्ट करें?

    आपने ऐसी स्थिति का सामना किया होगा जहां आप पेज X पर पहुंचने के लिए एक URL पर क्लिक करते हैं लेकिन आंतरिक रूप से आपको दूसरे पेज Y पर निर्देशित किया जाता है। यह पेज रीडायरेक्शन के कारण होता है। क्लाइंट साइड पर JavaScript का उपयोग करके पेज रीडायरेक्ट करना काफी सरल है। अपनी साइट विज़िटर्स को नए पेज पर

  1. JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें? JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें?

    HTML कैनवास पर ड्रॉइंग JavaScript के साथ की जानी है। कैनवास पर ड्रॉ करने से पहले HTML DOM मेथड getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें: कैनवास एलिमेंट खोजने के लिए getElementById() मेथड का उपयोग करें। getContext() का उपयोग करें, जो कैनवास के लिए ड्रॉइंग ऑब्

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {