JavaScript Window
كائن Window في لغة جافا سكريبت
ستتعلم في هذا الدرس كيفة استخدام عرض وطول نافذة المتصفح brwser window باستخدام لغة الجافا سكريبت
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript Window chevron_left JavaScript
JavaScript Window
كائن Window في لغة جافا سكريبت
</>
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>
</>
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>
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
