इनपुट प्रकार - बैक बटन?

Question

ब्राउज़र बैक बटन के रूप में इनपुट प्रकार बटन का उपयोग करने के लिए सबसे अच्छी विधि (क्रॉस ब्राउज़र) क्या है?

Answer 1

क्या आप ऐसा कुछ करना चाहते हैं?

<input type="button" onclick="history.back();" value="Back"> 

तुम भी इस्तेमाल कर सकते हैं

<input type="button" onclick="history.go(-1);" value="Back"> 

Answer 2

"सर्वश्रेष्ठ" एक छोटे से व्यक्तिपरक है।

@Mech सॉफ़्टवेयर का एक स्वीकार्य समाधान है, क्योंकि यह एक साधारण फ़ंक्शन कॉल है। यदि आप केवल एक बैक बटन बना रहे हैं, तो शायद यह जाने का तरीका है। हालांकि, मैं कोड रखने की कोशिश करता हूं जहां यह संबंधित है:

एचटीएमएल एचटीएमएल में है, सीएसएस .css में है, और जावास्क्रिप्ट .js फ़ाइलों में है। बटन को onclick विशेषता देने के बजाय, मैं इसे back-button का एक वर्ग दूंगा और प्रत्येक .back-button तत्व में click श्रोता संलग्न करता हूं।

_HTML:

<input type="button" class="back-button" value="Back" /> 
<!-- or --> 
<button type="button" class="back-button">Back</button> 

_{जे एस:}

jQuery(function($){ 
    $('.back-button').click(function(e){ 
    history.back(); 
    }); 
}); 

मैं, jQuery पुस्तकालय संभालने कर रहा हूँ के रूप में यह अपेक्षाकृत सर्वव्यापी है (मुझे पता है कि आप इस के गैर jQuery संस्करण चाहते हैं, तो भी नहीं)।

कारण मैं इस दृष्टिकोण का सुझाव देना चाहता हूं कि यह विस्तार योग्य है। यदि आप अपने बैक बटन के साथ कुछ और करने का निर्णय लेते हैं, या यदि ब्राउजर बदलते हैं (जो होता है तो हर समय) onclick="history.back()" के प्रत्येक इंस्टेंस को शिकार करने के बजाय कार्यक्षमता को बिल्कुल एक स्थान में बदलना आसान है।

Answer 3

कोशिश करें यह वास्तव में अच्छी तरह से काम करता है और साफ दिखता है।

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
Wrong Link? <input type="button" value="Go Back" onclick="goBack()"/> 
</center> 

आप चाहते हैं अगर यह गलत लिंक कहने के लिए तो हमें इस

<center> 
<script> 
function goBack() 
    { 
    window.history.back() 
    } 
</script> 
<input type="button" value="Go Back" onclick="goBack()"/> 

और आप संपादित कर सकते हैं क्या बटन को बदलने "वापस जाएं" अगले मूल्य के लिए = अंतिम पंक्ति में से कहते हैं।

Answer 4

<input type="button" onclick="history.back();" value="Back"> 

कारण मैं इस दृष्टिकोण सुझाव देंगे कि यह विस्तार योग्य है। यदि आप अपने बैक बटन के साथ कुछ और करने का निर्णय लेते हैं, या यदि ब्राउजर बदलते हैं (जो हर समय होता है) onclick="history.back()" के प्रत्येक इंस्टेंस का शिकार करने के बजाय कार्यक्षमता को बिल्कुल एक स्थान में बदलना आसान है। महान और सरल समाधान के लिए