জেভাস্ক্রিপ্ট উইন্ডো - ব্রাউজার ওবজেক্ট মডেল

ব্রাউজার অবজেক্ট মডেল (Browser Object Model (BOM) জেস্ক্রিপ্টকে ব্রাউজারের সঙ্গে কথা বলার জন্য অনুমতি দেয়。

ব্রাউজার অবজেক্ট মডেল (Browser Object Model (BOM))

ব্রাউজার অবজেক্ট মডেল (BOM) এর কোনো আধিকারিক প্রমাণপত্র নেই。

আধুনিক ব্রাউজারগুলো (সবসময় নয়, কিন্তু বেশিরভাগ) JavaScript ইন্টারএক্সিয়ন এবং বৈশিষ্ট্যগুলোকে বাস্তবায়িত করেছে, তাই এটি সাধারণত BOM-এর মধ্যে স্থান পেয়েছে。

Window অবজেক্ট

সমস্ত ব্রাউজারকে সমর্থন করে window অবজেক্ট। এটি ব্রাউজার উইন্ডোকে প্রতিনিধিত্ব করে。

সমস্ত সার্বজনীয় JavaScript অবজেক্ট, ফাংশন এবং ভেশনারগুলো স্বচালিতভাবে window অবজেক্টের সদস্য হয়。

সার্বজনীয় ভেশনারগুলো window অবজেক্টের বৈশিষ্ট্য।

সার্বজনীন ফাংশনগুলো window অবজেক্টের পদ্ধতি।

আরও (HTML DOM-এর) document অবজেক্টটি হলো window অবজেক্টের বৈশিষ্ট্য:

window.document.getElementById("header");

সমান হয়:

document.getElementById("header");

উইন্ডো আকার

এই দুটি বৈশিষ্ট্যকে ব্রাউজার উইন্ডোর আকার নির্ধারণ করার জন্য ব্যবহার করা যেতে পারে。

এই দুটি বৈশিষ্ট্যই পিক্সেলে আকার ফিরিয়ে দেয়:

  • window.innerHeight - ব্রাউজার উইন্ডোর উচ্চতা (পিক্সেলে অবস্থান)
  • window.innerWidth - ব্রাউজার উইন্ডোর আকার (পিক্সেলে অবস্থান)

ব্রাউজার উইন্ডো (ব্রাউজার ভিউপট) টুলবার এবং স্ক্রোলবারকে বাদ দিয়ে থাকে。

ইন্টারনেট এক্সপ্লোরার ৮, ৭, ৬, ৫ এর জন্য:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

বা

  • document.body.clientHeight
  • document.body.clientWidth

একটি প্রায়োগিক জেভাস্ক্রিপ্ট সমাধান (সকল ব্রাউজারকে উচিত):

ইনস্ট্যান্স

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

আপনার হাতে প্রয়াস করুন

এই একটি উদাহরণ ব্রাউজার উইন্ডোর উচ্চতা এবং প্রশস্ততা দেখায়：（টুলবার এবং স্ক্রোলবার ছাড়া）

অন্যান্য উইন্ডো পদ্ধতি

কিছু অন্যান্য পদ্ধতি:

  • window.open() - নতুন উইন্ডো খুলতে
  • window.close() - বর্তমান উইন্ডোকে বন্ধ করা
  • window.moveTo() - বর্তমান উইন্ডোকে সরণ করা
  • window.resizeTo() - বর্তমান উইন্ডোকে পুনর্আকার করা