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

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

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

Free-Learn

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

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

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

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

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

Free-Learn

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

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

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

امتحان کنید

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

امتحان کنید

مثال شماره ۳ : با کلیک بروی یک دکمه، ویدئو بصورت تمام صفحه باز خواهد شد. ( البته خوده ویدئو هم بصورت پیش فرض قابلیت تمام صفحه شدن رو داره )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

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

نام متد Chrome Firefox Opera Safari IE
()requestFullscreen ۷۱٫۰
(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

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

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

Free-Learn

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