बटन जो क्लिक पर पेज को रिफ्रेश करता है

Question

मुझे एक बटन की आवश्यकता है जो उपयोगकर्ता के क्लिक पर पृष्ठ को ताज़ा करेगा। मैंने यह कोशिश की:

<input type="button" value="Reload Page" onClick="reload">

या

<input type="button" value="Refresh Page" onClick="refresh">

लेकिन न तो काम हुआ।

Answer 1

के onClickसाथ प्रयोग करें window.location.reload(), यानी:

<button onClick="window.location.reload();">Refresh Page</button>

या history.go(0), यानी:

<button onClick="history.go(0);">Refresh Page</button>

या window.location.href=window.location.href' पूर्ण ' पुनः लोड करने के लिए, अर्थात:

<button onClick="window.location.href=window.location.href">Refresh Page</button>

---

बटन तत्व - developer.mozilla.org

Comments

इन तीन विकल्पों में क्या अंतर है? क्या कुछ स्थितियों के लिए दूसरों की तुलना में बेहतर है?

— ashleedawg

मुझे नहीं लगता कि उनके पास एक-दूसरे के फायदे हैं, बस उसी के अलग-अलग तरीके हैं।

— CONvid19

मैं अपनी नाक को नहीं मोड़ूंगा लेकिन ";" onClick के अंत में गायब है = "window.location.reload ();"

— गाईड _nhcol.com.br_

यह पूरा प्रश्न गलत सिंटैक्स है ... मुझे आश्चर्य है कि इसमें लगभग 200 upvotes हैं। सबसे पहले, बटन को प्रत्येक में एक समापन टैग की आवश्यकता होती है, और दूसरी बात, मूल्य बटन टैग की विशेषता नहीं है, पाठ को टैग और समापन टैग के बीच जाने की आवश्यकता है

— मिस्टर सिरकोड

@ टेलर आप पूरी तरह से सही हैं, मैंने जवाब अपडेट किया है, धन्यवाद।

— CONvid19

Answer 2

यह मेरे लिए काम करता है

एचटीएमएल

    <button type="submit"  onClick="refreshPage()">Refresh Button</button>

जावास्क्रिप्ट

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

Answer 3

<a onClick="window.location.reload()">Refresh</a>

यह वास्तव में मेरे लिए एकदम सही काम करता है।

Answer 4

केवल इस पृष्ठ को पुनः लोड करता है (आज)

<input type="button" value="Refresh Page" onClick="location.href=location.href">

अन्य बिल्कुल लोड नहीं करते हैं। वे टेक्स्ट बॉक्स के अंदर मान रखते हैं।

Comments

क्या आप यह समझा सकते हैं कि आपका क्या मतलब है: " केवल यह पुन : लोड पृष्ठ (आज) "?

— CONvid19

"आज" का मतलब उस दिन है जो मैंने इसे लिखा था (क्योंकि हर दिन कुछ बदलता है)। पेड्रो लोबिटो द्वारा दिए गए उत्तरों के लिए "केवल यह" प्रासंगिक है।

— इलियास इलियाडिस

SO पर सभी उत्तरपत्रिकाएं " आज के अनुसार " हैं और यदि कुछ भी बदलता है तो अद्यतन किया जा सकता है, यह केवल उत्तर में ही नहीं, जीवन में लगभग किसी भी चीज की प्रकृति है।

— CONvid19

Answer 5

बटन जो पेज को क्लिक पर रिफ्रेश करता है

Window.location.reload () के साथ onClick बटन का उपयोग करें:

<button onClick="window.location.reload();">

Answer 6

<button onclick=location=URL>Refresh</button>

यह अजीब लग सकता है लेकिन यह वास्तव में चाल है।

Answer 7

मैंने देखा कि यहाँ सभी उत्तर इनलाइन onClickहैंडलर का उपयोग करते हैं । यह आमतौर पर HTML और जावास्क्रिप्ट को अलग रखने की सिफारिश की जाती है।

यहां एक जवाब है जो एक क्लिक ईवेंट श्रोता को सीधे बटन पर जोड़ता है । जब इसे क्लिक किया जाता है, तो यह location.reload को कॉल करता है जो पृष्ठ को वर्तमान URL के साथ पुनः लोड करने का कारण बनता है।

const refreshButton = document.querySelector('.refresh-button');

const refreshPage = () => {
  location.reload();
}

refreshButton.addEventListener('click', refreshPage)

.demo-image {
  display: block;
}

<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">

Answer 8

निम्नलिखित जैसे लिंक पर खाली संदर्भ बनाएं

 <a href="" onclick="dummy(0);return false;" >

Answer 9

उसी पृष्ठ को पुनः लोड करने के लिए मेरे लिए इसके कार्य का उपयोग करें:

<button onClick="window.location.reload();">

Answer 10

हालांकि सवाल यह है button, लेकिन अगर कोई पेज का उपयोग करके रिफ्रेश करना चाहता है <a>, तो आप बस कर सकते हैं

<a href="./">Reload</a>

Answer 11

<button onClick="window.location.reload();">Reload</button>

या आप भी उपयोग कर सकते हैं

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

नोट: "<same page link>"उसी पृष्ठ के url के साथ बदलें जिसे आप पुनः लोड करना चाहते हैं। उदाहरण के लिए: <form action="home.html> method="GET">

Answer 12

यदि आप एक फॉर्म रीसेट की तलाश कर रहे हैं:

<input type="reset" value="Reset Form Values"/>

या ब्राउज़र द्वारा संभाले गए फ़ॉर्म के अन्य पहलुओं को रीसेट करने के लिए

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

JQuery का उपयोग करना

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

Answer 13

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

यह आवश्यक पथ पर जाएगा और आपको कोई भी शीघ्र संकेत नहीं मिलेगा।