BOM در جاوا اسکریپت
BOM در جاوا اسکریپت به مجموعه ای از اشیاء گفته میشود که امکان تعامل با مرورگر را فراهم میکنند. برخلاف DOM که به ساختار و محتوای صفحه HTML مربوط میشود، BOM برای دسترسی و کنترل امکاناتی استفاده میشود که مستقیماً به مرورگر مربوط هستند، مانند نوار آدرس، پنجرهها، تاریخچه مرورگر و غیره.
مهمترین شیء در BOM، شیء global یا سراسری window است. این شیء نمایانگر خودِ پنجره مرورگر است و تمام ویژگیها و توابع BOM به نوعی زیرمجموعه آن محسوب میشوند. برای مثال، شما میتوانید از window.alert برای نمایش یک پیغام هشدار استفاده کنید یا با window.open یک پنجره یا تب جدید باز کنید.
یکی دیگر از اجزای مهم BOM شی navigator است که اطلاعاتی درباره مرورگر کاربر مانند نام، نسخه، سیستمعامل و وضعیت اتصال به اینترنت ارائه میدهد. از navigator.userAgent برای تشخیص نوع مرورگر استفاده میشود.
شی screen اطلاعات مربوط به صفحهنمایش کاربر را میدهد، مانند رزولوشن (طول و عرض) و عمق رنگ. همچنین شیء location دسترسی به URL فعلی را میدهد و میتوان با آن کاربر را به آدرس جدید هدایت کرد
ارائه خدمات مشاوره کسب و کار رایگان در جهت توسعه فروش، رشد کسب و کار و تغییر موقعیت برند شما پنج شنبه های هر هفته
کاربرد BOM در جاوا اسکریپت
کاربرد BOM در جاوا اسکریپت فراهم کردن امکان تعامل با بخشهای مختلف مرورگر است که خارج از محتوای مستقیم صفحه HTML قرار دارند. این مدل به توسعهدهنده اجازه میدهد تا با استفاده از جاوااسکریپت، به امکاناتی دسترسی داشته باشد که مربوط به پنجره، نوار آدرس، تاریخچه مرورگر و اطلاعات کاربر است.
برخلاف DOM که به ساختار محتوای صفحه وب مربوط میشود، BOM به قابلیتهایی مربوط است که خود مرورگر ارائه میدهد، مانند مدیریت پنجره، موقعیت آدرس، اطلاعات سیستم کاربر و تاریخچه مرورگر. شیء اصلی BOM، یعنی window، نقش هستهای دارد و سایر اشیاء BOM مانند location، history، navigator و screen زیرمجموعه آن هستند. از BOM میتوان برای انجام کارهایی مانند باز کردن پنجره جدید، هدایت کاربر به آدرس دیگر، بررسی وضعیت اتصال اینترنت، دسترسی به اطلاعات سیستم و نمایش پیام به کاربر استفاده کرد.
این مدل به برنامهنویس اجازه میدهد رفتار صفحه وب را نسبت به وضعیت مرورگر و کاربر تطبیق دهد، بدون نیاز به تغییر مستقیم در محتوای HTML صفحه. از BOM میتوان برای شناسایی ویژگیهای دستگاه کاربر مانند وضوح صفحه و نوع مرورگر استفاده کرد. همچنین BOM امکان اجرای برخی عملکردهای وابسته به محیط اجرا را بدون نیاز به وابستگی به ساختار HTML فراهم میسازد.
ارائه خدمات اندیشه دیجی
تفاوت BOM و DOM در جاوا اسکریپت
در جاوااسکریپت، BOM و DOM دو مدل متفاوت هستند که برای تعامل با قسمتهای مختلف یک صفحه وب و مرورگر استفاده میشوند. هر دو توسط مرورگر ارائه میشوند، اما کاربردها و اهداف آنها با یکدیگر تفاوت دارند.
DOM مدلی است که ساختار محتوای HTML یا XML را بهصورت یک درخت از اشیاء نمایش میدهد. با استفاده از DOM، جاوااسکریپت میتواند عناصر موجود در صفحه مانند تگها، متون، کلاسها و ویژگیها را پیدا کرده، تغییر دهد یا حذف و اضافه کند. در واقع، DOM ابزاری برای تغییر محتوای صفحه، استایلها و رویدادهاست. مثلاً با استفاده از DOM میتوان یک عنصر خاص را با getElementById یا querySelector انتخاب کرد و متن آن را تغییر داد. DOM بخشی از استاندارد W3C است و بیشتر با محتوای صفحه سر و کار دارد.
در مقابل، BOM به مجموعهای از اشیاء گفته میشود که امکان تعامل با خود مرورگر و ویژگیهای محیطی آن را فراهم میکند. BOM شامل مواردی مانند پنجره مرورگر (window)، آدرس صفحه (location)، تاریخچه مرورگر (history)، اطلاعات سیستم کاربر (navigator) و مشخصات صفحهنمایش (screen) میشود. این مدل به جاوااسکریپت اجازه میدهد تا اطلاعاتی درباره محیط اجرا به دست آورد یا رفتار مرورگر را کنترل کند، مانند باز کردن یک پنجره جدید، هدایت به URL دیگر، بررسی نوع مرورگر یا رزولوشن صفحه نمایش.
یکی از تفاوتهای اصلی بین این دو مدل در نوع دسترسی و هدف آنهاست؛ DOM برای مدیریت ساختار و محتوای صفحه طراحی شده، در حالی که BOM برای کنترل رفتار مرورگر و محیط اجرای آن کاربرد دارد. بهعلاوه، DOM یک استاندارد بینالمللی است، اما BOM بسته به نوع مرورگر ممکن است تفاوتهایی داشته باشد.
به طور خلاصه، DOM برای تعامل با محتوای صفحه وب و BOM برای تعامل با امکانات مرورگر استفاده میشود. هر دو مکمل یکدیگرند و در برنامهنویسی سمت کلاینت معمولاً به صورت ترکیبی استفاده میشوند تا کنترل کاملتری روی تجربه کاربر فراهم گردد.
اطلاعاتت رو بده وقت مشاوره رزرو کن
