جاوااسکریپت، اشیایی دارد که می توانند بطور مستقیم با خود مرورگر ارتباط برقرار کنند و همچنین شئ هایی که با صفحه وب در ارتباط هستند. در کل می توان این اشیاء را به دو دسته اصلی تقسیم کرد، دسته اول که 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 پلت فرم مورد استفاده ( نام سیستم عامل)

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

نمایش قابل چاپ