हेल्लो दोस्तों ! आज इस पोस्ट में जावा स्क्रिप्ट के बारे में बताया गया है की javascript history object hindi क्या होता है कैसे काम करता है और भी बहुत कुछ दिया गया है तो चलिए शुरू करते है।
JavaScript history object का परिचय
- JavaScript में history object के द्वारा browser की history को access किया जा सकता है इसके लिए आप document object model(dom) के window object की history property का प्रयोग किया जाता है
- यह एक read only property होती है यह property history object को return करती है
- history object का प्रयोग document की history में किसी भी page को आसानी से देखा और load किया जा सकता है history object उन सब urls की list को स्टोर करती है
- जो user किसी browser window में visit कर चूका होती है ये सभी आप urls को array के रूप में स्टोर किये जाते है
- history object के द्वारा आप provide किये गए properties और methods का प्रयोग करके आप previous ,next या कोई भी पहले visit किया जा चूका particular page को load कर सकते है
syntax of javascript history object
history object का general syntax आपको निचे दिया जा रहा है
window.history
history object की properties को आप इस प्रकार access कर सकते है
window.history.propertyName
history object को remove करके आप directly भी history object का प्रयोग कर सकते है
history.propertyName; history.methodName;
आप चाहे तो history object को किसी भी variable में स्टोर करके उस variable के द्वारा भी properties और मेथोड्स को 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 को लोड करती है यह method किसी browser में back button की तरह ही काम करती है
forward()
यह method call किये जाने पर ही history list में से एक specific url का load करता है
go()
यह method call किये जाने पर history list में से एक specific url को load करता है
example of JavaScript history object
JavaScript history object के निचे example के द्वारा समझाया जा रहा है
file1.html
<html>
<head>
<title>javascript history object demo</title>
</head>
<body>
<a href=”file2.html”>clicke 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>उपर दिए गए example आपको निचे दिया जा रहा आउटपुट को generate करता है
reference-https://www.javatpoint.com/javascript-history-object
निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(javascript history object hindi) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic(javascript history object hindi)से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे