رویداد onhashchange در HTML5 تغییر بخش لنگر url

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی رویداد onhashchange در htmL5 میپردازیم.

ویژگی رویدادی onhashchange زمانی رخ می دهد که در قسمت لنگریِ URL صفحه جاری ( که با سمبل # شروع می شود،) تغییری به وجود آید.

خصوصیت رویدادی onhashchange یک رویداد عمومی تگ های html است. خاصیت رویدادی onhashchange بیشتر برای تگ body استفاده می شود.

معرفی ویژگی onhashchange در زبان اچ تی ام ال

رویداد onhashchange در HTML5 زمانی رخ می دهد که در قسمت لنگریِ URL صفحه جاری ( که با سمبل # شروع می شود،) تغییری به وجود آید. این رویداد هم جزء رویداد عمومی در تگ های html است.

خاصیت رویدادی onhashchange یک رویداد جدید اضافه شده در HTML5 می باشد. البته خاصیت رویدادی onhashchange بیشتر برای تگ body استفاده می شود. ویژگی رویدادی onhashchange در دسته رویداد های مربوط به فرم ( form ) قرار می گیرد.

نکات مهم در زمینه رویداد onhashchange در html5

1- با استفاده از خصوصیات location.href و location.hash از طریق جاوا اسکریپت می توانید قسمت لنگری یک url را تغییر دهید.

این خصوصیات را می توانید در کلیه توابع و خصوصیت های شیء Location در JavaScript ببینید.

2- جهت اجرای ویژگی رویدادی onhashchange ، می توانید صفحه جاری را از یک bookmark دیگر باز کنید و از دکمه های back و forward استفاده کنید.

مثال در مورد استفاده از رویداد onhashchange در HTML5 درون تگ input

<body onhashchange=”myFunction()”>
<button onclick=”changePart()”>اینجا کلیک کن</button>
<p id=”demo”></p>

<script>
function changePart() {
location.hash = “part2”;
var x = “Meghdar Langar Jadid: ” + location.hash;
document.getElementById(“demo”).innerHTML = x;
}
function myFunction() {
alert(“با موفقیت به ” + “(” + location.hash + “)” + ” انتقال داده شدید”);
}
</script>
</body>