سبد (0)

تبلیغات

شیء window در JavaScript

مدل BOM یا (Browser Object Model) به JavaScript این اجازه را می دهد تا با مرورگر صحبت کند.


BOM یا (Browser Object Model)

Wiki

استاندارد رسمی برای مدل BOM وجود ندارد.

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


شیء window

Wiki

شیء window در تمام مرورگرها پشتیبانی می شود و به پنجره مرورگر اشاره دارد.

تمام اشیاء، توابع و متغیرهای عمومی در JavaScript، عضوی از شیء window هستند.

متغیرهای عمومی، خصوصیت های (property) شیء window هستند.

توابع عمومی، متدهای (method) شیء window هستند.

حتی شیء document در مدل DOM نیز یکی از خصوصیت های شیء window است.

window.document.getElementById("header");

در کد بالا، قسمت window را می توان حذف کرد:

document.getElementById("header");

اندازه پنجره مرورگر

Wiki

برای معیین کردن اندازه پنجره مرورگر، می توان سه خصوصیت مختلف را بکار برد (اندازه مرورگر شامل toolbars و scrollbars نمی شود):

مرورگرهای Internet Explorer, Chrome, Firefox, Opera, Safari:

  • window.innerHeight
  • window.innerWidth

مرورگر Internet Explorer 8, 7, 6, 5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

یا

  • document.body.clientHeight
  • document.body.clientWidth

 یک راه حل عملی در JavaScript (پوشش دهنده تمام مرورگرها):

مثال (شیء window در JavaScript)

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
خودتان امتحان کنید »

مثال بالا، عرض و ارتفاع مرورگر را نمایش می دهد. (بدون toolbars/scrollbars)


متدهای دیگر شیء window

  • ()window.open: یک پنجره جدید باز می کند.
  • ()window.close: پنجره جاری را می بندد.
  • ()window.moveTo: پنجره جاری را حرکت می دهد.
  • ()window.resizeTo: پنجره جاری را تغییر اندازه می دهد.

دیدگاه‌ها  

+1 # 22hamid 1396-05-09 16:04
با سلام چه قسمت هایی در جاوا اسکریپت برای ورود به کار مهمه و بیشتر به درد کار میخوره.ممنون از سایت خوبتون.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-05-10 14:25
سلام، پیشنهاد می کنم کل مطالب ارائه شده در آموزش JavaScript که شامل 5 فصل اصلی است را مطالعه فرمایید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # amin 1394-07-30 12:59
با سلام
ایا فریم ورک برای مدل bom وجود دارد ؟
اگر وجود دارد چه فریم ورکی مناسب است ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # مهراز بابایی 1395-10-16 11:15
سلام جناب.
تاحالا همچین چیزی ندیدم چون خیلی بحث گسترده ای نداره که بخواد فریم ورک داشته باشه.
شاید در بقیه فریم ورک های جی اس به این بحث پرداخته شده باشه.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amirkian 1394-05-26 13:49
عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # amirkain 1394-05-05 13:20
سلام
من میخاستم پنجره مرورگر وقتی که باز شد یک طول و یک عرض ثابت داشته باشد و قابل تغییر اندازه نباشد؛چطور میشود این کار را انجام داد؟
چطور؛چطور؛چطور
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1394-05-05 16:51
مرورگرهای مدرن مانند گوگل کروم به ما اجازه ی این کار را نمی دهند .
اما می توان با استفاده از جی کوئری این کار را انجام داد، به صورت زیر:
var size = [window.width,window.height];

$(window).resize(function(){
window.resizeTo(size[0],size[1]);
})


منبع: stackoverflow.com/questions/23474300/fixed-window-size-in-a-chrome-extension
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی JavaScript

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی