জাভাস্ক্রিপ্ট উইন্ডো বস্তুটি সহজভাবে ব্রাউজার উইন্ডো প্রতিনিধিত্ব করে এই পদ্ধতিটি সমস্ত ব্রাউজার দ্বারা সমর্থিত। অভ্যন্তরীণ উচ্চতা পেতে এবং অভ্যন্তরীণ প্রস্থ এই পদ্ধতিটি কিছু বৈশিষ্ট্য প্রদান করেছে যেমন window.innerHeight এবং window.innerwidth যথাক্রমে এই বৈশিষ্ট্যগুলি ব্যবহার করে, ব্রাউজার উইন্ডোর উচ্চতা এবং প্রস্থ খুঁজে পাওয়া সহজ। আসুন সেগুলি পৃথকভাবে আলোচনা করি৷
অভ্যন্তরীণ প্রস্থ
নিম্নলিখিত উদাহরণে, window.innerWidth সম্পত্তি ব্যবহার করে , ব্রাউজার উইন্ডোর ভিতরের প্রস্থ খুঁজে পাওয়া যায় এবং ফলাফলটি আউটপুটে প্রদর্শিত হয়। এটি পিক্সেলে ফলাফল দেয়।
উদাহরণ
<html>
<body>
<p id="width"></p>
<script>
var w = window.innerWidth
var x = document.getElementById("width");
x.innerHTML = "Browser inner window width: " + w ;
</script>
</body>
</html> আউটপুট
Browser inner window width: 598
অভ্যন্তরীণ উচ্চতা
নিম্নলিখিত উদাহরণে, বৈশিষ্ট্য ব্যবহার করে window.innerheight, ব্রাউজার উইন্ডো এর ভিতরের উচ্চতা খুঁজে পাওয়া যায় এবং ফলাফলটি আউটপুটে প্রদর্শিত হয়। এটি পিক্সেলে ফলাফল দেয়।
উদাহরণ
<html>
<body>
<p id="height"></p>
<script>
var h = window.innerHeight
var x = document.getElementById("height");
x.innerHTML = "Browser inner window height: " + h ;
</script>
</body>
</html> আউটপুট
Browser inner window height: 477;
