Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

ब्राउज़िंग इतिहास तक पहुँचने के लिए जावास्क्रिप्ट प्रोग्राम


जावास्क्रिप्ट में ब्राउज़िंग इतिहास को एक्सेस करने के लिए निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Program to access browsing history</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to see history length</h3>
<button class="Btn">FORWARD</button>
<button class="Btn">BACKWARD</button>
<h3>Click on the above button to go forward or backward</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelectorAll(".Btn");
   BtnEle[0].addEventListener("click", () => {
      resEle.innerHTML = window.history.length;
   });
   BtnEle[1].addEventListener("click", () => {
      window.history.forward();
   });
   BtnEle[2].addEventListener("click", () => {
      window.history.back();
   });
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

ब्राउज़िंग इतिहास तक पहुँचने के लिए जावास्क्रिप्ट प्रोग्राम

'यहां क्लिक करें' बटन पर क्लिक करने पर -

ब्राउज़िंग इतिहास तक पहुँचने के लिए जावास्क्रिप्ट प्रोग्राम

'बैकवर्ड' बटन पर क्लिक करने पर आप इतिहास के पिछले पेज पर पहुंच जाएंगे -

ब्राउज़िंग इतिहास तक पहुँचने के लिए जावास्क्रिप्ट प्रोग्राम


  1. कैसे बटन क्लिक पर जावास्क्रिप्ट में एक div छिपाने के लिए?

    मान लें कि निम्नलिखित हमारा div है - <div id="showOrHide"> Welcome in JavaScript </div> निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए - <button onclick="showOrHideDiv()">Click The Button</button> div को छिपाने के लिए JavaScript में s

  1. बटन पर ली तत्वों को कैसे हटाएं जावास्क्रिप्ट में क्लिक करें?

    मान लें कि निम्नलिखित हमारी अनियंत्रित सूची (उल) है - JavaScript निकालें MySQL Remove MongoDB निकालें Java निकालें ऊपर, आप प्रत्येक ली तत्व के साथ निकालें बटन देख सकते हैं। इस बटन पर क्लिक करने पर, आप किसी भी li तत्व को हटा सकते हैं। बटन क्लिक पर ली तत्वों को हटाने के लिए कोड निम्नलिखित है; उद

  1. जावास्क्रिप्ट - HTML बटन पर क्लिक करने पर अलर्ट बनाएं

    एक बटन के क्लिक पर अलर्ट सक्रिय करने के लिए, addEventListener() का उपयोग करें। मान लें कि HTML वेब पेज पर हमारा बटन निम्नलिखित है - <button type="button">Please Press Me</button> उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head> &nb