JavaScript

JavaScript Window
كائن Window في لغة جافا سكريبت

ستتعلم في هذا الدرس كيفة استخدام عرض وطول نافذة المتصفح brwser window باستخدام لغة الجافا سكريبت

التاريخ

12 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1443

المواضيع

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

JavaScript Window
كائن Window في لغة جافا سكريبت

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> JavaScript Window
كائن Window في لغة جافا سكريبت

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


كائن window:

  • كائن window مدعوم من دميع المتصفحات.
  • جميع الدول والكائنات العامة والمتغيرات هي جزء من كائن window.
  • في أغلب الأحيان يتم الاستغناء عن كتابة كائن window قبل الكائنات الفرعية مثل document.getElementById("h1") هي في الأساس window.document.getElementById("h1").


خصائص كائن window:

  • window.innerHeight قراءة الطول الداخلي لنافدة المتصفح.
  • window.innerWidth قراءة العرض الداخلي لنافدة المتصفح.


أهم الدوال المُتفرعة من كائن window:

  • ()window.open لفتح نافذة جديدة.
  • ()window.close لإغلاق النافذة الحالية
  • ()window.moveTo الذهاب إلي النافذة الحالية.
  • ()window.resizeTo لإعادة ضبط النافذة الحالية.
with window object

يمكن كتابة window قبل الدوال ويمكن تجاهلها في الكائنات الفرعية في لغة جافا سكريبت.

window.document.getElementById("h1");
without window object

يمكن الاستغناء كن كتابة كائن window لتصبح بهذا الشكل.

document.getElementById("h1");

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

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


وظيفة خاصية innerHeight:

  • قراءة وإرجاع الطول الداخلي لنافذة الويب الحالية في لغة  جافا سكريبت.


قيم خاصية innerHeight:

  • يتم إرجاع قيمة علي هيئة عدد صحيح وهو رقم بوحدة pixels بيكسل.
JavaScript window innerHeight syntax

طريقة كتابة خاصية innerHeight مع كائن window في لغة جافا سكريبت.

window.innerHeight
JavaScript window innerHeight values

قيم خاصية innerHeight مع كائن window في لغة جافا سكريبت.

window.innerHeight: pixels number
JavaScript window innerHeight

قراءة الطول الداخلي للنافذة الحالية في لغة جافا سكريبت بواسطة innerHeight.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript window innerHeight</h1>
<p>from closetag javascript window innerHeight<p>
<script>
let height = window.innerHeight;
document.write("Browser inner height: " + height);
</script>
</body>
</html>
القيمة التي يتم إرجاعها عن طريق خاصية innderHeight مع كائن window لا تشمل toolbars و scrollbars في لغة جافا سكريبت.

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

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


وظيفة خاصية innerWidth:

  • قراءة وإرجاع العرض الداخلي لنافذة الويب الحالية في لغة  جافا سكريبت.


قيم خاصية innerWidth:

  • يتم إرجاع قيمة علي هيئة عدد صحيح وهو رقم بوحدة pixels بيكسل.
JavaScript window innerWidth syntax

طريقة كتابة خاصية innerWidth مع كائن window في لغة جافا سكريبت.

window.innerWidth
JavaScript window innerWidth values

قيم خاصية innerWidth مع كائن window في لغة جافا سكريبت.

window.innerWidth: pixels number
JavaScript window innerWidth

قراءة العرض الداخلي للنافذة الحالية في لغة جافا سكريبت بواسطة innerWidth.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript window innerHeight</h1>
<p>from closetag javascript window innerWidth<p>
<script>
let width= window.innerWidth;
document.write("Browser inner width: " + width);
</script>
</body>
</html>
القيمة التي يتم إرجاعها عن طريق خاصية innerWidth مع كائن window لا تشمل toolbars و scrollbars في لغة جافا سكريبت.
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات