ब्राउज़र को पिछले पृष्ठ पर वापस जाने के लिए ऑनक्लिक जावास्क्रिप्ट?

Question

क्या कोई ऐसा कार्य है जिसे मैं बटन के क्लिक इवेंट के रूप में संलग्न कर सकता हूं ताकि ब्राउज़र पिछले पृष्ठ पर वापस जा सके?

<input name="action" type="submit" value="Cancel"/>

Comments

window.history.back ()

— जॉन स्ट्रिकलर

Answer 1

इसे अपने इनपुट तत्व में जोड़ें

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

Comments

यह मेरे लिए सभी ब्राउज़रों में काम नहीं करता है, मुझे निम्न कार्य करना था। <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />यह उत्तर काफी पुराना है, इसलिए यह ब्राउज़रों के अधिक आधुनिक संस्करणों में पेश किया गया मुद्दा हो सकता है। :)

— ctrlplusb

क्या यह कैश से पिछला पृष्ठ दिखाता है या सर्वर से पिछला पृष्ठ पुनः लोड करता है?

— एड्रिएन

किसके लिए है action="action"हिस्सा? और क्या यह वैध HTML है ??

— प्रतिबंध-जियोइंजीनियरिंग

@ एड्रियन - इसकी जावास्क्रिप्ट, इसलिए यह ब्राउज़र में चल रही है। ब्राउज़र को कैश्ड पृष्ठ (ब्राउज़र सेटिंग्स और पृष्ठ http हेडर सेटिंग अनुमति ऐसा करने) का पुन: उपयोग करना चाहिए।

— टूलमेकरसेव

ध्यान दें कि इनलाइन JS का उपयोग उत्पादन में नहीं किया जाना चाहिए क्योंकि: 1. JS कोड समर्पित और मिनीकृत .jsफ़ाइलों में होना चाहिए। इनलाइन JS को XSS इंजेक्शनों को कम करने के लिए सामग्री सुरक्षा नीति के माध्यम से अक्षम किया जाना चाहिए

— Theophany

Answer 2

history.back()

या

history.go(-1)

इसे बटन onclickहैंडल पर रखें। इसे ऐसा दिखना चाहिए:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

Comments

इस बटन पर क्लिक करें संभाल

— वादिम

आप अधिक स्पष्ट हो सकते हैं जैसे कि कोड में उत्तर देना

— WowThatsLoud

उस पर ब्राउज़र का समर्थन क्या है?

— कोस्टा

Answer 3

पिछले पृष्ठ पर जाने के लिए

पहला तरीका

<a href="javascript: history.go(-1)">Go Back</a>

दूसरी विधि

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

अगर हम एक से अधिक कदम पीछे जाना चाहते हैं तो वृद्धि करें

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

Comments

@JeromeJ यह एक ऐसा लिंक है जो कुछ भी नहीं करता है यदि जावास्क्रिप्ट पेज पर सक्षम नहीं है / काम कर रहा है (जो भी कारण के लिए)। यदि जावास्क्रिप्ट काम कर रहा है, तो यह ब्राउज़र को एक पृष्ठ वापस लेता है।

— जेरॉमी फ्रेंच

Answer 4

<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 

Answer 5

आपको बस निम्नलिखित कॉल करने की आवश्यकता है:

history.go(-1);

Answer 6

सबसे छोटा फिर भी!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

मैं .go(-number)तब की विधि को पसंद करता हूं , 1 या कई 'बैक' के लिए उपयोग करने / याद रखने / अपडेट / खोज करने, आदि के लिए केवल 1 तरीका है।

इसके अलावा, एक बैक बटन के लिए टैग का उपयोग करना नामों और प्रकारों के टैग की तुलना में अधिक उपयुक्त लगता है ...

Answer 7

window.history.back ();

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>

Answer 8

सरल। एक पंक्ति।

<button onclick="javascript:window.history.back();">Go Back</button>

जैसे विम और मलिक का जवाब, लेकिन सिर्फ एक लाइन में।

Comments

ठीक काम करता है, लेकिन अक्सर अगर उपयोगकर्ता इस तरह के बटन के साथ विशिष्ट पृष्ठ पर भाषा बदलने का फैसला करता है, तो पिछले पृष्ठ का पिछला बटन पृष्ठ के बजाय, भाषा को वापस कर देगा ...

— मरे बर्नड

Answer 9

यह केवल एक चीज है जो सभी वर्तमान ब्राउज़रों पर काम करती है:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>

Answer 10

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

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>