با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، با یکی دیگر از جلسات دوره کامل آموزش JavaScript در خدمت شما دوستان هستیم . در این جلسه به آموزش شی screen در جاوا اسکریپت یا صفحه نمایش در جاوا اسکریپت می پردازیم تا پایان این جلسه با ما همراه باشید.
شی window.screen اطلاعاتی را درباره صفحه نمایش کاربر به ما می دهد.
این شی می تواند بدون پیشوند window به کار گرفته شود.
خاصیت ها (Properties):
در ادامه با هرکدام از خاصیت های (Property) شی screen آشنا خواهیم شد.
برای بدست آوردن ارتفاع صفحه نمایش در جاوا اسکریپت از خاصیت screen.height استفاده می کنیم:
1 2 | document.getElementById("demo").innerHTML = "Screen Height: " + screen.height; |
برای بدست آوردن عرض صفحه نمایش در جاوا اسکریپت از خاصیت screen.width استفاده می کنیم:
1 2 | document.getElementById("demo").innerHTML = "Screen Width: " + screen.width; |
خاصیت screen.availWidth عرض صفحه نمایش را بدون ابزار های رابط گرافیکی کاربر GUI (مانند نوار ابزار) بر می گرداند:
1 2 | document.getElementById("demo").innerHTML = "Available Screen Width: " + screen.availWidth; |
خاصیت screen.availWidth ارتفاع صفحه نمایش را بدون ابزار های رابط گرافیکی کاربر GUI (مانند نوار ابزار) بر می گرداند:
1 2 | document.getElementById("demo").innerHTML = "Available Screen Height: " + screen.availHeight; |
خاصیت screen.colorDepth تعداد بیت های مورد استفاده برای نمایش یک رنگ را بر می گرداند.
تمام کامپیوتر های مدرن از ۲۴ یا ۳۲ بیت برای نمایش رنگ استفاده می کنند.
1 2 | document.getElementById("demo").innerHTML = "Screen Color Depth: " + screen.colorDepth; |
rrggbb# یا همان rgb که در HTML برای تعیین رنگ استفاده می شود، بر اساس عمق ۲۴ بیتی کار می کند.
خاصیت screen.pixelDepth عمق پیکسل های صفحه نملیش را نشان می دهد.
1 2 | document.getElementById("demo").innerHTML = "Screen Pixel Depth: " + screen.pixelDepth; |
در کامپیوتر های امروزی، عمق پیکسل و رنگ برابر هستند.
جلسه کار با شی screen در جاوا اسکریپت JavaScript نیز به پایان رسید.
در جلسه بعد به آموزش شی location در جاوا اسکریپت خواهیم پرداخت. با ما همراه باشید