خانه آموزش زبان جاوااسکریپت آموزش BOM در جاوااسکریپت ویژگی width در BOM جاوااسکریپت

ویژگی width در BOM جاوااسکریپت

توسط

۱۴۰۰-۰۴-۱۷

آموزش ویژگی width در BOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی width در BOM جاوااسکریپت با من همراه باشید.

ویژگی width در BOM جاوااسکریپت

Free-Learn

آنچه در این جلسه میخوانید :

1 ویژگی width در BOM جاوااسکریپت
2 مثال از این ویژگی
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 نکات و توضیحات

ویژگی width در BOM جاوااسکریپت

با استفاده از ویژگی screen.width میتونیم اندازه کل عرض ( width ) صفحه نمایش رو بدست آوریم، که این اندازه شامل همه چیز میشه ( از جمله نوار وظیفه یا Windows Taskbar )

و همچنین با استفاده از ویژگی screen.height میتونیم اندازه کل ارتفاع ( height ) صفحه نمایش رو بدست آوریم، که این اندازه شامل همه چیز میشه ( از جمله نوار وظیفه یا Windows Taskbar )

مقدار برگشتی	برگشت یک عدد که نشان دهنده اندازه کل عرض صفحه نمایش می باشد * مقدار برگشتی برحسب پیکسل ( PX ) می باشد

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : بدست آوردن اندازه کل عرض و ارتفاع صفحه نمایش ( استفاده از screen.width و screen.height )

<script>

function get(){
 var wi,hi;
 wi = "Width : " + screen.width + "<br>";
 hi = "Height : " + screen.height + "<br>";
 document.getElementById("Result").innerHTML = wi + hi;
}

</script>

function get(){

var wi,hi;

wi = "Width : " + screen.width + "<br>";

hi = "Height : " + screen.height + "<br>";

document.getElementById("Result").innerHTML = wi + hi;

}

</script>

امتحان کنید

مثال شماره ۲ : اگه اندازه عرض صفحه نمایش کمتر از ۷۰۰ پیکسل بود، پیغام میده که ” اندازه کمتر از ۷۰۰ هست ” و اگه بیشتر بود پیغام میده که ” اندازه بیشتر از ۷۰۰ هست ”

در این مثال از دستور شرطی if استفاده شده. ( آموزش دستور شرطی IF )

<script>

 var wi;
 wi = screen.width;
 if( wi<=700 ){
   alert("اندازه کمتر از ۷۰۰ هست");
 }else{
   alert("اندازه بیشتر از ۷۰۰ هست");
 }

</script>

var wi;

wi = screen.width;

if( wi<=700 ){

alert("اندازه کمتر از ۷۰۰ هست");

}else{

alert("اندازه بیشتر از ۷۰۰ هست");

}

</script>

امتحان کنید

مثال شماره ۳ : اگه اندازه عرض صفحه نمایش کمتر از ۷۰۰ پیکسل بود و ارتفاعش هم کمتر از ۶۰۰ بود یک پیغام میده

در این مثال از دستور شرطی if و عملگر منطقی && استفاده شده. ( آموزش دستور شرطی IF و آموزش عملگرهای منطقی )

<script>

 var wi,hi;
 wi = screen.width;
 hi = screen.height;
 if( wi<=700 && hi<=600){
  alert("کمتر از 700 و 600 می باشد");
 }else{
  alert("بیشتر از 700 و 600 می باشد");
 }

</script>

var wi,hi;

wi = screen.width;

hi = screen.height;

if( wi<=700 && hi<=600){

alert("کمتر از 700 و 600 می باشد");

}else{

alert("بیشتر از 700 و 600 می باشد");

}

</script>

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی	Chrome	Firefox	Opera	Safari	IE
width	بله	بله	۱۲٫۱	بله	۴

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

screen.width;

1	screen.width;

Free-Learn

نکات و توضیحات

این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
ویژگی width اندازه کل عرض صفحه نمایش رو برمیگردونه. ( مثلا شامل نوار وظیفه ویندوز هم میشه )
ویژگی height اندازه کل ارتفاع صفحه نمایش رو برمیگردونه. ( مثلا شامل نوار وظیفه ویندوز هم میشه )
ویژگی availWidth میزان اندازه عرض در دسترس صفحه نمایش رو برمیگردونه. ( مثلا شامل نوار وظیفه ویندوز نمیشه )
ویژگی availHeight میزان اندازه ارتفاع در دسترس صفحه نمایش رو برمیگردونه. ( مثلا شامل نوار وظیفه ویندوز نمیشه )

Free-Learn

دریافت PDF یا پرینت این مطلب