دليل الأساسيات JavaScript

عناصر JavaScript

دوال JavaScript

HTML DOM JS

BOM المتصفح JS

دليل الأساسيات AJAX

دليل JavaScript

شاشة JS Window استكشاف JS DOM

نموذج وحدة المتصفح JS

يمكن أن تكون النافذة الرئيسية، مجموعة من الإطارات أو إطار فردي، أو حتى نافذة جديدة يتم إنشاؤها باستخدام JavaScript.

عناصر النافذة

هذاwindowعنصر represents النافذة في المتصفح. يتم إنشاء عناصر النافذة تلقائيًا بواسطة المتصفح.

جميع المتغيرات الجانبية هي خصائص، الدوال هي طرق عناصر النافذة.

جميع العناصر الجانبية، الدوال والوحدات من لغة JavaScript تصبح أعضاء في عناصر النافذة تلقائيًا.

عناصر الوثيقة هي خصائص عناصر النافذة. لذلك، يمكن إدخال

window.document.write("Hello　world")

مثل التي أدلى بها

document.write("Hello　world")

حساب حجم النافذة

يعمل على تحديد عرض وارتفاع نافذة التصفح باستخدام 2 خصائص يقدمها عناصر window.

هذه الخصائص كلاهما تعود بمقاسات بالبكسل:

window.innerWidth -عرض النافذة الداخلية للمتصفح (بأحرف البكسل)
window.innerHeight -ارتفاع النافذة الداخلية للمتصفح (بأحرف البكسل)

هذا مثال على عرض حجم النافذة الحالية:

مثال

var h = window.innerHeight;
var w = window.innerWidth;

اختبار‹/›

لـ Internet Explorer 5،6،7،8:

document.documentElement.clientWidth
document.documentElement.clientHeight

أو

document.body.clientWidth
document.body.clientHeight

الحلول المتوافقة مع المتصفحات (لـ IE8 و الإصدارات الأقدم باستخدام clientWidth و clientHeight):

مثال

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;

اختبار‹/›

إظهار العرض والارتفاع باستخدام حدث onresize:

مثال

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Width: " + w + "<br>Height: " + h;
}
</script>

اختبار‹/›

فتح نافذة جديدة

window.open()ستفتح هذه الطريقة نافذة متصفح جديدة وتحمّل الوثيقة المحددة فيها.

يفتح هذا المثال "ar.oldtoolbag.com" في نافذة جديدة بعرضها وارتفاعها المحددين:

مثال

window.open("https://ar.oldtoolbag.com", "", "width=400, height=300");

اختبار‹/›

مرجع النافذة الكامل

للحصول على مرجع كامل للخصائص والأساليب، يرجى زيارةمرجع وحدة النافذة JavaScript.

يحتوي الجزء المرجعي على وصفات وتجارب لجميع خصائص ومتغيرات نموذج وحدة المستند.

شاشة JS Window استكشاف JS DOM