صفحه پنجره جاوااسکریپت

اندازه صفحه ها از نظر اندازه و نحوه نمایش رنگ ها متفاوت است. هنگامی که در JavaScript کد نویسی می کنید ، عرض یا ارتفاع صفحه نیز می تواند تفاوت زیادی ایجاد کند. این آموزش به شما یاد می دهد که عرض پنجره JavaScript و سایر پارامترهای اندازه صفحه را بدست آورید.

BOM به JavaScript کمک می کند تا با مرورگر ارتباط برقرار کند. این دارای چند جز separate جداگانه است: تاریخچه ، مکان ، ناوبری ، سند و صفحه. این آموزش در مورد مولفه صفحه بحث می کند. با ویژگی های مختلفی برای تشخیص ارتفاع و عرض صفحه آشنا خواهید شد ، هم از جمله رابط کاربری و هم به استثنای آن.

نکات اصلی صفحه پنجره جاوااسکریپت:

• شی window.screen اطلاعات مربوط به صفحه مرورگر مانند عرض و ارتفاع صفحه جاوا اسکریپت را در خود جای داده است.
• فناوری مدرن از وضوح رنگ 32 بیت (4،294،967،296 رنگ) و 24 بیت (16،777،216 رنگ) استفاده می کند.
• رایانه های قدیمی از رزولوشن 16 بیتی (65536 رنگ) استفاده می کنند. بعضی اوقات می توانید رایانه ها و تلفن های همراه را ببینید که از 8 بیت (256 رنگ VGA) استفاده می کنند ، اما این فناوری بسیار قدیمی است.
• عمق پیکسل و عمق رنگ برای رایانه های جدید برابر است.

خصوصیات صفحه

با استفاده از اشیا window screen.screen می توانید کارهای مختلف مربوط به صفحه کاربر را انجام دهید. به عنوان مثال ، می توانید عرض و ارتفاع پنجره JavaScript ، عمق پیکسل و سایر اطلاعات را بدست آورید. بیایید همه ویژگی ها را یکی یکی مشاهده کنیم تا درک بهتری از امکاناتی که به ما می دهند ، داشته باشیم.

در مثال زیر ، ما از ویژگی ویژگی تشخیص عرض پنجره JavaScript استفاده می کنیم. عرض:

document.write("The width of your screen: " + screen.width);

علاوه بر عرض ، می توانید ارتفاع پنجره JavaScript را نیز تشخیص دهید. خاصیتی که باید برای آن استفاده کنید screen.height نامیده می شود:

document.write("The height of your screen: " + screen.height);

حال ، ویژگی screen.availWidth مخفف عرض پنجره JavaScript موجود است. عرض صفحه بازدید کننده را برمی گرداند و عرض رابط را کم می کند (به عنوان مثال نوارهای وظیفه):

document.write("Your available screen width: " + screen.availWidth);

screen.availHeight به روشی کاملاً مشابه کار می کند ، اما مخفف کلمه ارتفاع موجود پنجره JavaScript است. ویژگی ارتفاع پنجره JavaScript صفحه بازدید کننده را برمی گرداند و ارتفاع رابط (مانند نوارهای وظیفه) را کم می کند.

document.write("Your available screen height: " + screen.availHeight);

برای اطلاع از عرض و ارتفاع قسمت محتوا ، می توانید از windows.innerWidth و window.innerHeight نیز استفاده کنید. به خاطر داشته باشید که هر دو ویژگی فقط خواندنی هستند.

برای بازگشت مقدار بیت های مورد استفاده برای نمایش یک رنگ ، می توانید از screen.colorDepth استفاده کنید. برای یافتن این اطلاعات در مورد صفحه نمایش خود به مثال زیر مراجعه کنید:

document.write("Color depth of your screen: " + screen.colorDepth);

برای دریافت عمق پیکسل صفحه ، می توانیم از ویژگی screen.pixelDepth استفاده کنیم:

document.write("Pixel depth of your screen: " + screen.pixelDepth);

خلاصه صفحه پنجره جاوااسکریپت:

• می توانید برای دسترسی به اطلاعات صفحه مرورگر از شی object screen.screen استفاده کنید ، مانند اینکه JavaScript را به عرض پنجره برسانید.
• شی. screen.screen شامل چندین ویژگی است. می توانید از آنها برای تشخیص عرض و ارتفاع پنجره JavaScript و موارد دیگر استفاده کنید.
• برای بدست آوردن عرض منطقه محتوای صفحه ، از windows.innerwidth باید استفاده شود.