آموزش متد exitFullscreen در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد exitFullscreen در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد exitFullscreen در DOM جاوااسکریپت
با استفاده از متد ()document.exitFullscreen میتونیم یک عنصر رو از حالت تمام صفحه ( Full Screen ) خارج کنیم.
با استفاده از متد ()requestFullscreen نیز میتونیم یک عنصر رو در حالت تمام صفحه قرار دهیم.
مرورگرهای اینترنتی در نسخه های قدیمی تر، بصورت عادی نمیتونن از این متد پشتیبانی کنند، به همین دلیل ما باید از یکسری پیشوندها برای هر یک از این مرورگرها استفاده نماییم.
- webkit : برای مرورگرهای Chrome ، Safari و Opera
- ms : برای مرورگر اینترنت اکسپلورر یا Internet Explorer
- moz : برای مرورگر موزیلا فایرفاکس یا Firefox
| مقدار برگشتی | هیچی |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با کلیک بروی یک دکمه، یک باکس محتوا بصورت تمام صفحه باز خواهد شد و با کلیک بروی دکمه دیگری از حالت تمام صفحه خارج خواهد شد.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<script> function show(){ var MyBox; MyBox = document.getElementById("mybox"); if ( MyBox.requestFullscreen ) { MyBox.requestFullscreen(); }else if( MyBox.webkitRequestFullscreen ) { // Safari , Chrome , Opera MyBox.webkitRequestFullscreen(); }else if( MyBox.mozRequestFullscreen ) { // FireFox MyBox.mozRequestFullscreen(); }else if( MyBox.msRequestFullscreen ) { // Internet Explorer 11 MyBox.msRequestFullscreen(); } } function hide(){ if ( document.exitFullscreen ) { document.exitFullscreen(); }else if( document.webkitExitFullscreen ) { // Safari , Chrome , Opera document.webkitExitFullscreen(); }else if( document.mozExitFullscreen ) { // FireFox document.mozExitFullscreen(); }else if( document.msExitFullscreen ) { // Internet Explorer 11 document.msExitFullscreen(); } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()exitFullscreen | ۷۱٫۰ (webkit) 15.0 |
۶۴٫۰ (moz) 9.0 |
۵۸٫۰ (webkit) 15.0 |
(webkit) 6.0 | (ms) 11.0 |
- اون عددی که پیشوند نداره ، یعنی اون مرورگرها از اون نسخه ( ورژن یا Version ) به بالا از این متد پشتیبانی میکنند، و اون عددی که کنارش webkit یا moz یا ms قرار داره، یعنی از اون نسخه به بالا باید از این پیشوندها استفاده کرد.
- بفرض مثال مرورگر Opera از نسخه ۵۸ به بالا بطور کامل و بدون هیچ مشکلی از این متد پشتیبانی میکند، و از نسخه ۱۵ تا ۵۷ باید از webkit استفاده کرد.
- یعنی اگه شما از این متد استفاده کرده باشید ولی از پیشوند استفاده نکرده باشید، و مرورگر کاربر هم نسخش ۱۵ باشه یا مثلا ۲۰ باشه، این متد براش عمل نمیکنه، پس برای عمل کردن متد باید حتما از پیشوندها استفاده کرد.
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
- استفاده در حالت عادی :
|
1 |
document.exitFullscreen(); |
- استفاده از پیشوندها برای پشتیبانی دیگر مرورگرها :
|
1 2 3 |
document.webkitExitFullscreen(); // Chrome , Safari , Opera document.msExitFullscreen(); // Internet Explorer (IE) document.mozExitFullscreen(); // FireFox |
Free-Learn
نکات و توضیحات
- این متد هیچ پارامتری نمیگیرد.
- با استفاده از متد ()requestFullscreen میتونیم یک عنصر رو به حالت تمام صفحه ببریم و با استفاده از متد exitFullscreen میتونیم از حالت تمام صفحه خارجش کنیم.
- برای پشتیبانی مرورگرها در نسخه های کمی قدیمی تر باید حتما از پیشوندها استفاده نماییم :
- webkit : برای مرورگرهای گوگل کروم ، اُپرا و سافاری
- ms : برای مرورگر اینترنت اکسپلورر
- moz : برای مرورگر موزیلا فایرفاکس
