คลิกที่ javascript เพื่อให้เบราว์เซอร์กลับไปยังหน้าก่อนหน้า?

มีฟังก์ชั่นที่ฉันสามารถแนบเป็นเหตุการณ์คลิกของปุ่มเพื่อให้เบราว์เซอร์กลับไปยังหน้าก่อนหน้าหรือไม่?

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

เพิ่มสิ่งนี้ในองค์ประกอบการป้อนข้อมูลของคุณ

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

history.back()

หรือ

history.go(-1)

วางสิ่งนี้ไว้ที่ปุ่มonclickจับ ควรมีลักษณะเช่นนี้:

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

สำหรับไปที่หน้าก่อนหน้า

วิธีแรก

<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.......

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

คุณเพียงแค่ต้องโทรต่อไปนี้:

history.go(-1);

สั้นที่สุด!

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

http://jsfiddle.net/qXrbx/

ฉันชอบ.go(-number)วิธีนี้มากกว่านั้นสำหรับ 'backs' 1 อันหรือมากกว่ามีเพียง 1 วิธีในการใช้ / จำ / อัปเดต / ค้นหาเป็นต้น

นอกจากนี้การใช้แท็กสำหรับปุ่มย้อนกลับดูเหมือนจะเหมาะสมกว่าแท็กที่มีชื่อและประเภท ...

window.history.back ();

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

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

ง่าย หนึ่งบรรทัด

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

เหมือนคำตอบของวิมและมาลิก แต่อยู่ในบรรทัดเดียว

นี่เป็นสิ่งเดียวที่ใช้ได้กับเบราว์เซอร์ปัจจุบันทั้งหมด:

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

ทำงานให้ฉันทุกครั้ง

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