bom در مبحث جاوا اسکریپ چیست؟

bom در مبحث جاوا اسکریپ چیست؟

آشنایی با مفهوم BOM به منظور یادگیري و استفاده کارآمد از جاوااسکریپت بسیار اهمیت دارد.

اکنون به بررسی هر یک از اجزاي تشکیل دهنده BOM و خصوصیات و متدهاي مربوط به آن ها می پردازیم:

شی window

شی window تمامی پنجره هاي مرورگر را شامل می شود اما نه لزومآ محتوایی که در آن نمایش داده می شود. از این شی براي جابجایی ، تغییر اندازه و دیگر اثرات بر روي پنجره ها استفاده می کنیم.

دستکاري پنجره ها

شش متد براي دستکاري پنجره مرورگر براي شی window وجود دارد:

1. (moveBy(dx,dy
   پنجره را نسبت به موقعیت کنونی به اندازه x در جهت افقی و به اندازه y در جهت عمودي جابجا می کند. عدد هاي منفی هم براي x,y مجازند.
2. (moveTo(x,y
   گوشه بالاي چپ مرورگر را به موقعیت x,y می برد. مقادیر منفی نیز مجاز هستند.
3. (resizeBy(w,h
   عرض پنجره مرورگر را به اندازه w و ارتفاع آنرا به اندازه h نسبت به sizeکنونی تغییر می دهد. مقادیر منفی نیز مجازند
4. (resizeTo(w,h
   عرض مرورگر را به w و ارتفاع آن را به h تغییر می دهد.مقادیر منفی مجاز نیستند.
5. (scrollBy(dx,dy
   اسکرول افقی را به اندازه x و اسکرول عمودي را به اندازه yجابجا می کند.
6. (scrollTo(x,y
   این متد مختصات جدید اسکرول هاي افقی و عمودي را به ترتیب با استفاده از آرگومان هاي x و y مشخص می کند.

مثال ها:

(window.moveBy(10, 20

پنجره را نسبت به مکان فعلی 10px پیکسل به سمت راست و 20pxبه سمت پایین جابجا می کند.

(window.resizeTo(150, 300

عرض پنجره را به 150 px و ارتفاع آن را به 300px تغییر می دهد.

(window.resizeBy(150, 0

فقط 150px به عرض کنونی پنجره اضافه می کند.

(window.moveTo(0, 0

پنجره را به گوشه بالا و سمت چپ صفحه نمایش هدایت می کند.

منبع : انجمن علمی مهندسی فناوری اطلاعات دانشگاه پیام تور مرکز اران و بید گل

برای اموزش های ویدیویی زبان جاوا اسکیریپت به بستر ویدیو های اموزشی بروید

بستر اموزش های ویدویی