HTML DOM PopStateEvent অবজেক্ট

HTML DOM PopStateEvent অবজেক্ট popstate ইভেন্টের জন্য একটি ইভেন্ট হ্যান্ডলার যা উইন্ডোর হিস্টরি পরিবর্তন হলে ঘটে।

PopStateEvent-এর প্রোপার্টি

উদাহরণ

HTML DOM PopStateEvent অবজেক্টের একটি উদাহরণ দেখি:

<!DOCTYPE html> <html> <head> <style>    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-size:1.2rem;    }    .btn{       background:#0197F6;       border:none;       height:2rem;       border-radius:2px;       width:35%;       margin:2rem auto;       display:block;       color:#fff;       outline:none;       cursor:pointer;    } </style> </head> <body> <h1>DOM PopStateEvent Event Demo</h1> <button onclick="display()" class="btn">Click Me</button> <script>    function display(){       window.onpopstate = function(event) {          alert("location: " + document.location +              ", state: " + JSON.stringify(event.state));       };       history.pushState({          page: 1       }, "title home", "?page=home");       history.pushState({          page: 2       }, "title about", "?page=about");       history.replaceState({          page: 3       }, "title contact", "?page=contact");       history.back();       history.back();    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

Click Me বাটনে ক্লিক করুন PopStateEvent অবজেক্ট কীভাবে কাজ করে বুঝতে।

Ok ক্লিক করুন।