JavaScript screen Object In Hindi

📔 : Java Script 🔗

 screen Object current window (PC , Mobile या Tablet etc.) की width , height आदि information provide करता है। Means screen Object का use करके आप window screen से related सभी जानकारी प्राप्त कर सकते हैं।


चूंकि screen Object , window Object की एक property है , इसलिए screen Object की सभी property और methods को window.screen.property_name या screen.property_name से भी access कर हैं।


हालाँकि properties को window.screen या screen से access करने पर हमेशा ही current window की information मिलती है।

JS screen Object Properties

वैसे तो screen Object की कई सारी properties और methods होते हैं , आप screen Object को console में print कराकर सभी properties और methods देख सकते हैं।

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JavaScript screen Object</title>
  </head>
  <body>
  <script type="text/javascript">
    console.log(screen);
  </script>
  </body>
</html>
Output
JavaScript String Functions

screen Object की कुछ मैं properties इस प्रकार हैं।

Property NameDescription
screen.widthयह taskbar (left या right taskbar) सहित screen की total width return करती है।
screen.availWidthयह taskbar को छोड़कर screen की width return करती है।
screen.heightscreen.height taskbar (top या bottom) सहित screen की total height return करती है।
screen.availHieghtयह taskbar को छोड़कर screen की height return करती है।
screen.pixelDepthयह screen resolution return करती है।

JS Screen Object Example

File : screen.html

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JavaScript screen Object Example</title>
  </head>
  <body>
  <script type="text/javascript">
    document.write(`Screen width without taskbar : ${screen.availWidth} <br>`);
    document.write(`Screen full width : ${screen.width} <br>`);
    document.write(`Screen height without taskbar : ${screen.availHeight} <br>`);
    document.write(`Screen full height : ${screen.height} <br>`);
    document.write(`Screen resolution  : ${screen.pixelDepth}`);
  </script>
  </body>
</html>
Output
Screen width without taskbar : 1366
Screen full width : 1366
Screen height without taskbar : 738
Screen full height : 768
Screen resolution : 24

? Example में Backticks (``) का use ${ } ( dollar curly braces) के अंदर direct variables को print करने के लिए किया गया । और <br> का use line break करने के लिए करते हैं ।


I Hope अब आप JavaScript में screen Object बारे में अच्छी तरह से समझ होंगे।

Related Topics :

Rahul Kumar

Rahul Kumar

Hi ! My name is Rahul Kumar Rajput. I'm a back end web developer and founder of learnhindituts.com. I live in Uttar Pradesh (UP), India and I love to talk about programming as well as writing technical tutorials and tips that can help to others.

Get connected with me. :) LinkedIn Twitter Instagram Facebook

b2eprogrammers