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

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

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

Free-Learn

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

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

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

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

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

Free-Learn

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

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

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

امتحان کنید

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

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

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

 

Free-Learn

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

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

Free-Learn

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