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

ब्राउज़िंग हिस्ट्री एक्सेस करने के लिए JavaScript प्रोग्राम


JavaScript में ब्राउज़िंग हिस्ट्री एक्सेस करने का निम्नलिखित कोड है:

उदाहरण

 

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Browser History Demo</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>ब्राउज़िंग हिस्ट्री एक्सेस करने का प्रोग्राम</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>हिस्ट्री की लंबाई देखने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <button class="Btn">आगे जाएं</button> <button class="Btn">पीछे जाएं</button> <h3>आगे या पीछे जाने के लिए ऊपर दिए गए बटन पर क्लिक करें</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>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट देगा:

ब्राउज़िंग हिस्ट्री एक्सेस करने के लिए JavaScript प्रोग्राम

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

ब्राउज़िंग हिस्ट्री एक्सेस करने के लिए JavaScript प्रोग्राम

'पीछे जाएं' बटन पर क्लिक करने पर आप हिस्ट्री में पिछले पेज पर जाएंगे:

ब्राउज़िंग हिस्ट्री एक्सेस करने के लिए JavaScript प्रोग्राम


  1. जावास्क्रिप्ट में बटन क्लिक पर डिव को छिपाना जावास्क्रिप्ट में बटन क्लिक पर डिव को छिपाना

    मान लीजिए निम्नलिखित हमारा डिव है - Welcome in JavaScript निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए -Click The Buttonडिव को छिपाने के लिए जावास्क्रिप्ट में style.display अवधारणा का उपयोग करें। कोड निम्नलिखित है -उदाहरण  Document Click The Button Welcome in Jav

  1. JavaScript में बटन क्लिक पर li एलिमेंट्स कैसे हटाएं? JavaScript में बटन क्लिक पर li एलिमेंट्स कैसे हटाएं?

    प्रत्येक <li> में बटन जोड़ें, इवेंट डेलिगेशन या व्यक्तिगत लिसनर से remove() या closest() मेथड से पैरेंट <li> हटाएं। HTML स्ट्रक्चर <ul id=subjectList> <li class=subjectName>JavaScript <button class=removeBtn>हटाएं</button></li> <li class=subjectN

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

    बटन पर क्लिक करने पर अलर्ट फायर करने के लिए, addEventListener() का उपयोग करें। मान लीजिए HTML वेब पेज पर हमारा बटन निम्नलिखित है: Please Press Me उदाहरण निम्नलिखित कोड देखें: Document Please Press Me var pressedButton = document.getElementsByTagName(button)[0]; pressedButton