Introduction to JavaScript History Object
JavaScript में history object के द्वारा browser की history को access किया जा सकता है। इसके लिए Document Object Model (DOM) के window object की history property को use किया जाता है। यह एक read only property होती है। यह property history object return करती है।
History object को use करके document की history में किसी भी page को आसानी से देखा और load किया जा सकता है। History object उन सब URLs की list store करता है जो user किसी browser window में visit कर चूका होता है। ये सभी URLs array के रूप में store किये जाते है।
History object के द्वारा provide किये गए properties और methods को use करके आप previous, next या कोई भी पहले visit किया जा चूका particular page load कर सकते है।
Window object को remove करके आप directly भी history object को use कर सकते है।
आप चाहे तो history object को किसी variable में store करके उस variable द्वारा भी properties और methods को access कर सकते है।
History object को use करके document की history में किसी भी page को आसानी से देखा और load किया जा सकता है। History object उन सब URLs की list store करता है जो user किसी browser window में visit कर चूका होता है। ये सभी URLs array के रूप में store किये जाते है।
History object के द्वारा provide किये गए properties और methods को use करके आप previous, next या कोई भी पहले visit किया जा चूका particular page load कर सकते है।
Syntax of JavaScript History Object
History object का general syntax निचे दिया जा रहा है।
window.history
|
History object की properties को आप इस प्रकार access कर सकते है।
History object के methods को इस प्रकार access किया जा सकता है।
window.history.propertyName
|
window.history.methodName
|
Window object को remove करके आप directly भी history object को use कर सकते है।
history.propertyName;
history.methodName; |
आप चाहे तो history object को किसी variable में store करके उस variable द्वारा भी properties और methods को access कर सकते है।
var histry = window.history;
|
Properties of JavaScript History Object
JavaScript में history object के साथ available properties के बारे में निचे बताया जा रहा है।
length
यह property history object में stored किये गए URLs की सँख्या return करती है।
current
यह property current page का URL return करती है।
next
यह property history list से next page का URL return करती है।
previous
यह property history list से previous page का URL return करती है।
Methods of JavaScript History Object
JavaScript history object के साथ available सभी methods के बारे में निचे बताया जा रहा है।
back()
यह method call किये जाने पर history list में से previous URL को load करता है। यह method किसी browser में back button की तरह काम करता है।
forward()
यह method call किये जाने पर history list में से next URL को webpage में load करता है।
go()
यह method call किये जाने पर history list में से एक specific URL load करता है।
Example of JavaScript History Object
JavaScript history object को निचे उदाहरण द्वारा समझाया जा रहा है।
file1.html
file1.html
<head>
<title>JavaScript History Object Demo</title>
</head>
<body>
<a href="file2.html">Click Here</a>
</body>
</html>
|
file2.html
<html>
<body> <h2>JavaScript History Object Demo</h2> <input type="button" value="How many pages I have visited!" onclick="alert(history.length);"> <br /> <br /> <input type="button" value="Go Back" onclick="history.back()"> </body> </html> |
ऊपर दिया गया उदाहरण निचे दिया गया output generate करता है।
0 Comments