آموزش متد exitFullscreen در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد exitFullscreen در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد exitFullscreen در DOM جاوااسکریپت
با استفاده از متد ()document.exitFullscreen
میتونیم یک عنصر رو از حالت تمام صفحه ( Full Screen ) خارج کنیم.
مقدار برگشتی | هیچی |
---|
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 : برای مرورگر موزیلا فایرفاکس