কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে ব্রাউজার উইন্ডোর ইনার হাইট (inner height) এবং ইনার ওয়IDTH (inner width) কীভাবে পাবেন


জাভাস্ক্রিপ্ট window অবজেক্টটি সহজভাবে ব্রাউজার উইন্ডো-কে প্রতিনিধিত্ব করে। এই মেথডটি সকল ব্রাউজার দ্বারা সাপোর্ট করা হয়। ইনার হাইট এবং ইনার ওয়IDTH পেতে এই মেথডটি কিছু প্রোপার্টি প্রদান করেছে: window.innerHeight এবং window.innerWidth। এই প্রোপার্টিগুলো ব্যবহার করে ব্রাউজার উইন্ডোর উঁচু ও প্রস্থ জানা সহজ। আলাদা আলাদা আলোচনা করা যাক।

ইনার ওয়IDTH (Inner width)

নিচের উদাহরণে, window.innerWidth প্রোপার্টি ব্যবহার করে ব্রাউজার উইন্ডোর ইনার ওয়IDTH বের করা হয়েছে এবং ফলাফল আউটপুটে দেখানো হয়েছে। ফলাফলটি পিক্সেলে দেওয়া হয়।

উদাহরণ

<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


ইনার হাইট (Inner height)

নিচের উদাহরণে, 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

  1. জাভাস্ক্রিপ্টে ফর্মের নাম এবং টার্গেট কীভাবে খুঁজে বের করবেন?

  2. জাভাস্ক্রিপ্ট দিয়ে URL নতুন ট্যাবে খোলা (নতুন উইন্ডো না)

  3. জাভাস্ক্রিপ্টে স্ক্রিন প্রস্থ ও অ্যাসপেক্ট রেশিও দিয়ে উচ্চতা বের করা

  4. C#-এ Console-র সর্বোচ্চ উইন্ডো উচ্চতা ও প্রস্থ পাওয়ার পদ্ধতি