HTML DOM HashChangeEvent হল এমন এক ধরনের ইন্টারফেস যা সেই ইভেন্টগুলিকে উপস্থাপন করার জন্য ব্যবহৃত হয় যেগুলি যখনই URL-এর # অংশ পরিবর্তন করা হয় তখন ফায়ার হয়৷
সম্পত্তি
HashChangeEvent −
-এর জন্য নিম্নলিখিত বৈশিষ্ট্যগুলি রয়েছে৷| সম্পত্তি | বিবরণ |
|---|---|
| নতুন URL | হ্যাশ পরিবর্তন করার পরে নথির URL ফেরত দিতে। |
| পুরনো URL | হ্যাশ পরিবর্তন করার আগে নথির URL ফেরত দিতে |
সিনট্যাক্স
HashChangeEvent এর জন্য সিনট্যাক্স নিচে দেওয়া হল।
event.eventProperty
এখানে, ইভেন্টপ্রপার্টি উপরের দুটি বৈশিষ্ট্যের একটি।
উদাহরণ
আসুন হ্যাশচেঞ্জ ইভেন্টের একটি উদাহরণ দেখি।
<!DOCTYPE html>
<html>
<body onhashchange="showChange(event)">
<h1>HashChangeEvent example</h1>
<p>Change the hash by clicking the below button</p>
<button onclick="changeHash()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeHash() {
location.hash = "NEWHASH";
}
function showChange() {
document.getElementById("Sample").innerHTML = "The url has been changed from " + event.oldURL + " to " + event.newURL;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে
আমরা একটি চেঞ্জ বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে changeHash() পদ্ধতিটি কার্যকর করবে৷
<button onclick="changeHash()">CHANGE</button>
changeHash() পদ্ধতি লোকেশন অবজেক্টের হ্যাশ প্রপার্টি "NEWHASH" এ পরিবর্তন করে। অবস্থান বস্তুতে আমাদের URL −
সম্পর্কে তথ্য রয়েছেfunction changeHash() {
location.hash = "NEWHASH";
} হ্যাশ পরিবর্তন হওয়ার সাথে সাথে, বডি ট্যাগের সাথে যুক্ত অনহ্যাশচেঞ্জ ইভেন্ট হ্যান্ডলার ফায়ার করে এবং হ্যাশচেঞ্জ ইভেন্টটিকে ফাংশন showChange() -
-এ অবজেক্ট হিসাবে পাস করে।<body onhashchange="showChange(event)">
showChange() পদ্ধতিটি প্রাপ্ত হ্যাশচেঞ্জ ইভেন্ট ব্যবহার করে id “নমুনা” সহ অনুচ্ছেদ উপাদানে পুরানো URL প্রপার্টি এবং newURL প্রপার্টি প্রদর্শন করতে −
function showChange() {
document.getElementById("Sample").innerHTML = "The url has been changed from " + event.oldURL + " to " + event.newURL;
} 