خانه آموزش زبان جاوااسکریپت آموزش DOM در جاوااسکریپت متد exitFullscreen در DOM جاوااسکریپت

متد exitFullscreen در DOM جاوااسکریپت

توسط

۱۴۰۰-۰۳-۰۲

آموزش متد exitFullscreen در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد exitFullscreen در DOM جاوااسکریپت با من همراه باشید.

متد exitFullscreen در DOM جاوااسکریپت

Free-Learn

آنچه در این جلسه میخوانید :

1 متد exitFullscreen در DOM جاوااسکریپت
2 مثال از این متد
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 نکات و توضیحات

متد exitFullscreen در DOM جاوااسکریپت

با استفاده از متد ()document.exitFullscreen میتونیم یک عنصر رو از حالت تمام صفحه ( Full Screen ) خارج کنیم.

با استفاده از متد ()requestFullscreen نیز میتونیم یک عنصر رو در حالت تمام صفحه قرار دهیم.

مرورگرهای اینترنتی در نسخه های قدیمی تر، بصورت عادی نمیتونن از این متد پشتیبانی کنند، به همین دلیل ما باید از یکسری پیشوندها برای هر یک از این مرورگرها استفاده نماییم.

webkit : برای مرورگرهای Chrome ، Safari و Opera
ms : برای مرورگر اینترنت اکسپلورر یا Internet Explorer
moz : برای مرورگر موزیلا فایرفاکس یا Firefox

مقدار برگشتی	هیچی

Free-Learn

مثال از این متد

در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : با کلیک بروی یک دکمه، یک باکس محتوا بصورت تمام صفحه باز خواهد شد و با کلیک بروی دکمه دیگری از حالت تمام صفحه خارج خواهد شد.

<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>

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) این متد در جاوااسکریپت بصورت زیر می باشد.

استفاده در حالت عادی :

document.exitFullscreen();

1	document.exitFullscreen();

استفاده از پیشوندها برای پشتیبانی دیگر مرورگرها :

document.webkitExitFullscreen();    // Chrome , Safari , Opera
document.msExitFullscreen();        // Internet Explorer (IE)
document.mozExitFullscreen();       // FireFox

document.webkitExitFullscreen(); // Chrome , Safari , Opera

document.msExitFullscreen(); // Internet Explorer (IE)

document.mozExitFullscreen(); // FireFox

Free-Learn

نکات و توضیحات

این متد هیچ پارامتری نمیگیرد.
با استفاده از متد ()requestFullscreen میتونیم یک عنصر رو به حالت تمام صفحه ببریم و با استفاده از متد exitFullscreen میتونیم از حالت تمام صفحه خارجش کنیم.
برای پشتیبانی مرورگرها در نسخه های کمی قدیمی تر باید حتما از پیشوندها استفاده نماییم :
webkit : برای مرورگرهای گوگل کروم ، اُپرا و سافاری
ms : برای مرورگر اینترنت اکسپلورر
moz : برای مرورگر موزیلا فایرفاکس

Free-Learn

دریافت PDF یا پرینت این مطلب