Blog

কোড:

<button onclick="goBack()">পেছনে যান</button>
<button onclick="goForward()">সামনে যান</button>
<button onclick="goSteps(-2)">2 ধাপ পেছনে</button>
<button onclick="showLength()">ইতিহাসের দৈর্ঘ্য দেখাও</button>
<div id="output" style="margin-top:15px; font-weight:bold; color:#004466;"></div>

<script>
function goBack() {
  window.history.back();
}

function goForward() {
  window.history.forward();
}

function goSteps(steps) {
  window.history.go(steps);
}

function showLength() {
  let len = window.history.length;
  document.getElementById('output').innerText = "ইতিহাসে মোট এন্ট্রি: " + len;
}
</script>

ব্যাখ্যা:

• back() ফাংশনটি ব্রাউজারের ব্যাক বাটনের মতো কাজ করে।
• forward() সামনের পেজে নিয়ে যায়।
• go(number) নির্দিষ্ট সংখ্যক ধাপ পেছনে বা সামনে নিয়ে যেতে পারে।
• length দিয়ে আমরা ব্রাউজারের ইতিহাসের মোট পেজ এন্ট্রি জানতে পারি।

কোড:

<button onclick="changeURLPush()">pushState দিয়ে URL পরিবর্তন</button>
<button onclick="changeURLReplace()">replaceState দিয়ে URL পরিবর্তন</button>
<div id="currentUrl" style="margin-top:15px; font-weight:bold;">বর্তমান URL দেখুন</div>

<script>
function changeURLPush() {
  window.history.pushState({page:1}, "Title 1", "/page1");
  document.getElementById('currentUrl').innerText = "URL এখন: " + window.location.href;
}

function changeURLReplace() {
  window.history.replaceState({page:2}, "Title 2", "/page2");
  document.getElementById('currentUrl').innerText = "URL এখন: " + window.location.href;
}

// পেজ ব্যাক/ফরোয়ার্ড ইভেন্ট শুনতে পারেন
window.onpopstate = function(event) {
  alert("পেজ পরিবর্তন হয়েছে! বর্তমান URL: " + window.location.href);
};
</script>