جاوااسکريپت، اشیایی دارد که مي توانند بطور مستقيم با خود مرورگر ارتباط برقرار کنند و همچنين شئ هايي که با صفحه وب در ارتباط هستند. در کل مي توان اين اشياء را به دو دسته اصلي تقسيم کرد، دسته اول که BOM گفته مي شود يعني Browser Object Model  شئ هايي که با پنجره مرورگر مي توانند ارتباط برقرار کنند و دسته دوم DOM که با Document يعني همان سند HTML . تمامي اين اشياء بر اساس يک سلسله مراتبي اين ارتباط را برقرار مي کنند که در رأس آنها شئ window مي باشد. 

شکل زیر مدل اشیای مرورگر (BOM) را نشان می دهد.

کدنویسان ، مدل اشیای سند (DOM)

در برنامه نویسی جاوااسکریپت، بايد اين سلسله مراتب را براي استفاده اشياء آن، رعايت کنيد. اين سلسله مراتب را مي توان به شجره نامه تشبيه کرد و شما مجبور هستيد براي صدا کردن هر شخص آنرا با نام پدرش بياوريد و در بعضي جاها حتي نام پدر بزرگ هم لازم است، بطور مثال: علي فرزند محمد يا علي فرزند محمد فرزند حسين. در اينجا هم پدر اصلي Window مي باشد وپدر بعدي Document است که فرزندهاي آن همان عناصر HTML ميباشند و سپس Form و در آخر هم Select که تنها يک فرزند دارد. براي استفاده از آنها بايد ابتدا اسم پدر و سپس اسم فرزند را نوشت و در آخر هم خصوصيت و يا متد آن فرزند که همه اينها با يک نقطه از هم بايد جدا شوند. بطور مثال اگر ميخواهيد يک فرم را بنام form1 صدا بزنيد تا با آن ارتباط برقرار کنيد بايد به شکل زير عمل شود:

window.document.form1

مانند همه اشياء در جاوااسکريپت ، اين شئ ها هم داراي خصوصيات و متدهايي هستند که بعد از رعايت کردن سلسله مراتب با گذاشتن يک نقطه مي توانيد آنها را بنويسيد. مانند:

window.history.go (-1)

که اگر اين شئ را در يک لينک قرار دهيد با کليک کردن بر روي آن، کاربر به صفحه قبل بازگشت داده مي شود.

در جدول زير شئ هاي اصلي اين سلسله مراتب ليست شده است.

 اين شئ مستقيماً با پنجره مرورگر در ارتباط است که معمولاً خصوصيات و متدهاي اين شئ در تگهاي body و frameset بکار مي روند. Window
 اين شئ شامل اطلاعاتي در رابطه با مرورگر کاربر است که توسط خصوصيات و متدهاي آن اين اطلاعات ذخيره تا مورد استفاده قرار گيرند. Navigator
براي کار کردن بر روي فريمهاي اچ تي ام ال. Frame
 دسترسي و ارتباط با کليه عناصر اچ تي ام ال مانند، متنها فرمها عکسها و غيره. Document
شامل اطلاعاتي در مورد URL يا همان آدرس اينترنتي صفحه اي که در حال نمايش است. Location
اين شئ داراي اطلاعاتي براي رجوع کاربر به صفحاتي که قبل از آن صفحه مشاهده شده و بر عکس. History
اطلاعات صفحه مرورگر کاربر را بر مي گرداند مانند اندازه طول و عرض. Screen


شيء
history

ليستي از صفحات نمايش داده شده توسط مرورگر را نگه داشته و امكان حركت بين آنها را فراهم مي كند.

 

خواص:

خاصيت كاربرد
Length تعداد عناصر موجود در ليست را دارد

 

متدها :

نام متد كاربرد
back() نمايش صفحه قبلي
forward() نمايش صفحه بعدي
go( r ) نمايش r  صفحه بعدي (قبلي)

 

شيء location

اين شيء اطلاعاتي در مورد آدرس صفحه نمايش داده شده و نيز تغييراتي در اين زمينه را فراهم مي كند.

خواص:

خاصيت كاربرد
host
href
protocol

متدها :

نام متد كاربرد
reload() بارگذاري مجدد صفحه جاري
replace(newURL) جايگزيني صفحه فعلي با صفحه اي جديد

 

شيء screen

اين شيء اطلاعاتي در مورد صفحه نمايش ارائه مي دهد.

خواص:

خاصيت كاربرد
availHeight ارتفاع قابل استفاده صفحه نمايش ( بجز نوار وظيفه)
availWidth عرض  “
height ارتفاع صفحه نمايش
width عرض صفحه نمايش

شيء navigator

اطلاعاتي در مورد برنامه مرورگر، سيستم عامل و غيره در اختيار قرار مي دهد

خواص:

خاصيت كاربرد
appName نام مرورگر وب
appVersion شماره نسخه مرورگر
platform پلت فرم مورد استفاده ( نام سيستم عامل)

در این قسمت مدل اشیای مرورگر را بررسی کردیم، در جلسه بعد مدل اشیای سند را آموزش خواهیم داد ..