آموزش متد forward در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد forward در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد forward در BOM جاوااسکریپت
با استفاده از متد ()history.forward میتونیم به آدرس یا URL بعدی ( موجود در تاریخچه مرورگر ) برویم، یعنی مث اینه که همانند تصویر زیر بروی دکمه Forward مرورگر کلیک کرده باشیم.
با استفاده از متد back میتونیم یه صفحه ( یا یه پله ) به عقب برگردیم و با استفاده از متد forward میتونیم یه صفحه ( یا یه پله ) به جلو بریم.
این متد در دسته window.history می باشد.
تا لینک فعال در تاریخچه مرورگر وجود نداشته باشه این متد عمل نمیکنه، یعنی باید حتما اول بروی یه لینکی چیزی کلیک کرده باشیم تا بعدش این متد بتونه عمل کنه. [ همانند مثال شماره ۱ کمی پایین تر ]
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.forward | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
history.forward() |
Free-Learn
نکات و توضیحات
- این متد وقتی عمل میکنه که حتما صفحه ای در تاریخچه مرورگر باز و فعال بشه درغیراینصورت عمل نخواهد کرد، یعنی باید حتما اول بروی یه لینکی چیزی کلیک کرده باشیم تا بعدش این متد بتونه عمل کنه.
