جاوااسکريپت، اشیایی دارد که مي توانند بطور مستقيم با خود مرورگر ارتباط برقرار کنند و همچنين شئ هايي که با صفحه وب در ارتباط هستند. در کل مي توان اين اشياء را به دو دسته اصلي تقسيم کرد، دسته اول که BOM گفته مي شود يعني Browser Object Model شئ هايي که با پنجره مرورگر مي توانند ارتباط برقرار کنند و دسته دوم DOM که با Document يعني همان سند HTML . تمامي اين اشياء بر اساس يک سلسله مراتبي اين ارتباط را برقرار مي کنند که در رأس آنها شئ window مي باشد.
شکل زیر مدل اشیای مرورگر (BOM) را نشان می دهد.
در برنامه نویسی جاوااسکریپت، بايد اين سلسله مراتب را براي استفاده اشياء آن، رعايت کنيد. اين سلسله مراتب را مي توان به شجره نامه تشبيه کرد و شما مجبور هستيد براي صدا کردن هر شخص آنرا با نام پدرش بياوريد و در بعضي جاها حتي نام پدر بزرگ هم لازم است، بطور مثال: علي فرزند محمد يا علي فرزند محمد فرزند حسين. در اينجا هم پدر اصلي 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 | پلت فرم مورد استفاده ( نام سيستم عامل) |
در این قسمت مدل اشیای مرورگر را بررسی کردیم، در جلسه بعد مدل اشیای سند را آموزش خواهیم داد ..