JavaScript BOM উইন্ডো স্ক্রীনে ক্লায়েন্টের স্ক্রীন সম্পর্কে তথ্য থাকে।
BOM উইন্ডো স্ক্রিনের বৈশিষ্ট্য হল −
প্রপার্টি | বিবরণ |
---|---|
screen.width | ব্যবহারকারীর পর্দার প্রস্থ পিক্সেলে ফেরত দিন। |
screen.height | ব্যবহারকারীর পর্দার উচ্চতা পিক্সেলে ফেরত দিন। |
screen.availWidth | ইন্টারফেসের বৈশিষ্ট্য বিবেচনা না করেই পিক্সেলে ব্যবহারকারীর পর্দার প্রস্থ ফেরত দেয়। |
screen.availHeight | ইন্টারফেসের বৈশিষ্ট্য বিবেচনা না করেই পিক্সেলে ব্যবহারকারীর পর্দার উচ্চতা ফেরত দেয়। |
screen.colorDepth | একটি রঙ প্রদর্শন করতে ব্যবহৃত বিটগুলি ফেরত দেয় |
screen.pixelDepth | স্ক্রীনের পিক্সেল গভীরতা ফিরিয়ে আনে |
নিচে জাভাস্ক্রিপ্ট বিওএম উইন্ডো স্ক্রীনের কোড −
উদাহরণ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>JavaScript BOM Window Screen</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to get information about your screen</h3> <script> let resultEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { resultEle.innerHTML = 'screen.width = '+screen.width+'<br>'; resultEle.innerHTML += 'screen.height = '+screen.height+'<br>'; resultEle.innerHTML += 'screen.availWidth = '+screen.availWidth+'<br>'; resultEle.innerHTML += 'screen.availHeight = '+screen.availHeight+'<br>'; resultEle.innerHTML += 'screen.colorDepth = '+screen.colorDepth+'<br>'; resultEle.innerHTML += 'screen.pixelDepth = '+screen.pixelDepth+'<br>'; }); </script> </body> </html>
আউটপুট
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -