If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
history object , user द्वारा visit किये गए सभी URLs को contain करता है। इसके कई useful methods और properties होती हैं, जिनकी help से हम आसानी से visit किये गए URLs पर navigate कर सकते हैं।
length property हमें visit किये URLs की length return करता है। visit किये गए page के according length property की value change होती रहती है।
<script type="text/javascript">
console.log(`history : ${window.history.length}`); /* we can access it , both type*/
console.log(`history : ${history.length}`);
</script>
चूंकि history , window object का ही child object है इसलिए history Object की सभी properties और methods को with window और without window के भी access कर सकते हैं।
history.back() method का use , previous visited page पर से फिर जाने के लिए किया जाता है।
history.back();
❕ Important
Note that ,अगर URL history stack में previous page URL नहीं है , तो history.back() method work नहीं करेगा ।
For example just click on the Back button .
history.back() की तरह forward() का use next page visit करने के लिए किया जाता है।
window.history.forward();
?forward() move करने के लिए history stack में next Page का URL होना चाहिए।
For Example : click on this Next button
back() और forward() का use , previous और next URL visit करने के लिए किया जाता है , But history.go() method का use करके हम किसी particular URL को visit कर सकते हैं।
इसमें एक integer number pass किया जाता है , previous URLs को visit करने के लिए negative integer और forward / Next move करने के लिए positive integer pass करते हैं।
window.history.go(-1) /* for previous page */ window.history.go(1) /* for next page */
और अगर history.go() method में 0 या कुछ pass नहीं करते , तो current page Refresh हो जाता है।
<kbd onclick="window.history.go();">Refresh</kbd>
इस button पर click करने पर current page refresh हो जायेगा। Refresh