آموزش متد back در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد back در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد back در BOM جاوااسکریپت
با استفاده از متد ()history.back
میتونیم به آدرس یا URL قبلی ( موجود در تاریخچه مرورگر ) برویم، یعنی مث اینه که همانند تصویر زیر بروی دکمه Back مرورگر کلیک کرده باشیم.
با استفاده از متد forward میتونیم یه صفحه ( یا یه پله ) به جلو بریم و با استفاده از متد back میتونیم یه صفحه ( یا یه پله ) به عقب برگردیم.
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده از متد back و forward ( اول باید در صفحه اول بروی لینکی که قرار داره کلیک کنید تا وارد یک صفحه دیگه بشید، بعدش دیگه میتونید از دکمه ها برای برگشت و رفتن به جلو استفاده نمایید )
- کدهای صفحه اول
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<body> <div class="mybox"> <h2>بروی لینک زیر کلیک کنید</h2> <p><a href="demo_History_Object_2.html">برو به صفحه بعدی</a></p> <p><button onclick="goForward();">برو به صفحه بعدی</button></p> </div> <script> function goForward(){ window.history.forward(); } </script> </body |
- کدهای صفحه دوم
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<body> <div class="mybox" dir="rtl"> <p>اینجا از متد back استفاده شده</p> <p><button onclick="goBack();">برگرد به صفحه قبلی</button></p> </div> <script> function goBack(){ window.history.back(); } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام متد | Chrome | Firefox | Opera | Safari | IE |
history.back | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
1 |
history.back(); |
Free-Learn
نکات و توضیحات
- این متد وقتی عمل میکنه که حتما صفحه ای در تاریخچه مرورگر باز و فعال بشه درغیراینصورت عمل نخواهد کرد، یعنی اگه درون یک صفحه باشیم و بروی لینکی کلیک کنیم و وارد صفحه دیگری شویم این متد میتونه کار کنه، ولی اگه صفحه در تب جدید مرورگر باز بشه این متد دیگه عمل نمیکنه.