انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 72
دورة جافا سكريبت

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

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

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
3
الأمثلة
8
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,366
محتوى الدرس
في هذا الدرس 3تصفّح المواضيع

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 لإعادة ضبط النافذة الحالية.
كائن Window في لغة جافا سكريبت

with window object

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

HTML 
window.document.getElementById("h1");

without window object

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

HTML 
document.getElementById("h1");

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

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


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

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


قيم خاصية innerHeight:

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

JavaScript window innerHeight syntax

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

HTML 
window.innerHeight

JavaScript window innerHeight values

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

HTML 
window.innerHeight: pixels number

JavaScript window innerHeight

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

HTML 
<!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>
جرّب بنفسك

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

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


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

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


قيم خاصية innerWidth:

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

JavaScript window innerWidth syntax

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

HTML 
window.innerWidth

JavaScript window innerWidth values

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

HTML 
window.innerWidth: pixels number

JavaScript window innerWidth

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

HTML 
<!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>
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…