این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnHashChange در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnHashChange در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnHashChange در HTML
رویداد onhashchange رویدادی است که در هنگام تغییرات در قسمت لنگر یک آدرس URL رخ میدهد. و معمولا آدرس های لنگر با # شروع می شود.
برای مثال اگر یک آدرس اینترنتی بصورت زیر داشته باشیم, متن آبی رنگ میشه بخش لنگر یک آدرس :
Www.Free-Learn.Ir/test.html#part2
Free-Learn
مثال از رویداد عمومی OnHashChange در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<body onhashchange="MyMessage();"> <p>بروی دکمه زیر کلیک نمایید</p> <button onclick="ChangePart()">کلیک کنید</button> <p id="Result"></p> <script> function ChangePart(){ location.hash = "part2"; var Part = "The anchor part is : " + location.hash; document.getElementById("Result").innerHTML = Part; } function MyMessage(){ alert("لنگر تغییر یافت"); } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onhashchange در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onhashchange="Script"> |
Free-Learn
جدول مقادیر رویداد onhashchange
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onhashchange را میتوان در عناصر/تگ های زیر بکار برد :
| <body> |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
