JavaScript

JavaScript Window Screen Object
خاصية screen مع كائن window في لغة جافا سكريبت

سوف تتعلم في هذا الدرس كيفية الحصول علي المعلومات الخاصة بشاشات المستخدمين عن طريق كائن window.screen في لغة جافا سكريبت.

التاريخ

12 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1242

المواضيع

24
الشروحات chevron_left JavaScript Window Screen Object chevron_left JavaScript

JavaScript Window Screen
خاصية screen مع كائن window في لغة جافا سكريبت

</> JavaScript Window Screen
خاصية screen مع كائن window في لغة جافا سكريبت

كائن window screen في لغة جافا سكريبت هو كائن مصمم خصيصاً لكي بقراءة وإرجاع قيم من البيانات المُتعلقة بشاشة المستخدم ولكل مُستخدم بيانات مُتغيرة.


خصائص كائن window screen في لغة جافا سكريبت:

  • screen.width تُستخدم لتقوم بإرجاع قيمة بوحدة البيكسل لعرض شاشة جهاز المُستخدم.
  • screen.height تُستخدم لتقوم بإرجاع قيمة بوحدة البيكسل لطول شاشة جهاز المُستخدم.
  • screen.availWidth تُستخدم لتقوم بإرجاع قيمة بوحدة البيكسل لعرض شاشة جهاز المُستخدم مطروح منها عرض القوائم وعرض Windows Taskbar.
  • screen.availHeight تُستخدم لتقوم بإرجاع قيمة بوحدة البيكسل لطول شاشة جهاز المُستخدم مطروح منها عرض القوائم وعرض Windows Taskbar.
  • screen.colorDepth تُستخدم لتقوم بإرجاع قيمة بوحدة bit البيت لدقة لون شاشة المُستخدم.
  • screen.pixelDepth  تُستخدم لتقوم بإرجاع قيمة بوحدة بيكسل لعمق  شاشة المُستخدم.

</> JavaScript Window Screen Width
خاصية Screen Width مع كائن window في لغة جافا سكريبت

تُستخدم خاصية screen width مع كائن window في لغة جافا سكريبت لتقوم بإرجاع قيمة عرض شاشة المستخدم بوحدة البيكسل.

JavaScript Window Screen Width

طريقة كتابة خاصية screen width في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Screen Width</h1>
<script>
document.write("Screen width is " + screen.width)
</script>
</body>
</html>

</> JavaScript Window Screen Height
خاصية Screen Heightمع كائن window في لغة جافا سكريبت

تُستخدم خاصية screen height مع كائن window في لغة جافا سكريبت لتقوم بإرجاع قيمة طول شاشة المستخدم بوحدة البيكسل.

JavaScript Window Screen Height

طريقة كتابة خاصية screen height في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Screen Height</h1>
<script>
document.write("Screen height is " + screen.height)
</script>
</body>
</html>

</> JavaScript Window Screen Available Width
خاصية availWidth في مع كائن window screen في لغة جافا سكريبت

تُستخدم خاصية screen.availWidth مع كائن window في لغة جافا سكريبت لتقوم بإرجاع قيمة عرض شاشة المستخدم بوحدة البيكسل مطروح منها عرض القوائم وعرض Windows Taskbar.

JavaScript Window Screen Available Width

طريقة استخدام خاصية screen availWidth في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Screen Available Width</h1>
<script>
document.write("Screen available width is " + screen.availWidth)
</script>
</body>
</html>

</> JavaScript Window Screen Available Height
خاصية availHeight في مع كائن window screen في لغة جافا سكريبت

تُستخدم خاصية screen.availHeight مع كائن window في لغة جافا سكريبت لتقوم بإرجاع قيمة طول شاشة المستخدم بوحدة البيكسل مطروح منها عرض القوائم وعرض Windows Taskbar.
JavaScript Window Screen Available Height

طريقة استخدام خاصية screen availHeight في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Screen Available Height</h1>
<script>
document.write("Screen available height is " + screen.availHeight)
</script>
</body>
</html>

</> JavaScript Screen Color Depth
خاصية colorDepth مع كائن screen في لغة جافا سكريبت

تُستخدم خاصية screen.colorDepth لتقوم بإرجاع قيمة بوحدة bit البيت لدقة لون شاشة المُستخدم, جميع أجهزة الحاسوب الحديثة تستخدم ال 24  bits  او 32 bits للهاردوير hardware لمعالجة دقة الألوان بينما الأجهزة القديمة تستخدم  16 bits  ل 65,536 different لأعلي الألوان High Colors resolution والأجهزة القديمة جداً تستخدم ال 8 bits وهو نظام فيجا VGA colors.

  • 24 bits =      16,777,216 different True Colors
  • 32 bits = 4,294,967,296 different Deep Colors

JavaScript Screen Color Depth

طريقة استخدام خاصية colorDepth في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Window Screen Available Height</h1>
<script>
document.write("Screen color depth is " + screen.colorDepth)
</script>
</body>
</html>

</> JavaScript Screen Pixel Depth
خاصية pixelDepth مع كائن screen في لغة جافا سكريبت.

وتُستخدم خاصية screen.pixelDepth في لغة جافا  سكريبت لتقوم بإرجاع قيمة بوحدة بيكسل لعمق  شاشة المُستخدم.

JavaScript Screen Pixel Depth

طريقة استخدام خاصية pixelDepth في لغة جافا سكريبت.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Screen Pixel Depth</h1>
<script>
document.write("Screen pixel depth is " + screen.pixelDepth)
</script>
</body>
</html>
في أجهزة الكمبيوتر الحديثة خاصية Color Depth وخاصية Pixel Depth متساويين في القيمة.
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.