JavaScript ਵਿੰਡੋ - ਬਰਾਉਜ਼ਰ ਓਬਜੈਕਟ ਮਾਡਲ

Browser Object Model (Browser Object Model (BOM) ਨਾਲ JavaScript ਬਰਾਊਜ਼ਰ ਨਾਲ ਗੱਲਬਾਤ ਕਰ ਸਕਦਾ ਹੈ。

Browser Object Model (BOM)

Browser Object Model (BOM) ਲਈ ਕੋਈ ਆਧਿਕਾਰਿਕ ਸਟੈਂਡਰਡ ਨਹੀਂ ਹੈ。

ਆਧੁਨਿਕ ਬਰਾਊਜ਼ਰਾਂ ਨੇ (ਲਗਭਗ) JavaScript ਇੰਟਰਐਕਟਿਵ ਮੇਥਾਡ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਾਗੂ ਕੀਤੀਆਂ ਹਨ ਇਸ ਲਈ ਇਹ ਬਹੁਤ ਸਾਰੇ ਵਾਰ BOM ਦੇ ਮੇਥਾਡ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਜੋਂ ਜਾਣੇ ਜਾਂਦੇ ਹਨ。

Window ਆਬਜੈਕਟ

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰੱਥ window ਆਬਜੈਕਟ। ਇਹ ਬਰਾਊਜ਼ਰ ਦੀ ਵਿੰਡੋ ਨੂੰ ਪ੍ਰਤੀਨਿਧਿਤ ਕਰਦਾ ਹੈ。

ਸਾਰੇ ਗਲੋਬਲ JavaScript ਆਬਜੈਕਟ, ਫੰਕਸ਼ਨ ਅਤੇ ਵਰਗਾਂ ਆਪਣੇ ਆਪ ਵਿੱਚ window ਆਬਜੈਕਟ ਦੇ ਮੈਂਬਰ ਬਣਦੇ ਹਨ。

ਗਲੋਬਲ ਵਰਗਾਂ ਵੀ window ਆਬਜੈਕਟ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ。

ਗਲੋਬਲ ਫੰਕਸ਼ਨ ਵੀ window ਆਬਜੈਕਟ ਦੀ ਮੈਥਾਡ ਹਨ。

ਅਤੇ (HTML DOM ਦਾ) document ਆਬਜੈਕਟ ਵੀ window ਆਬਜੈਕਟ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ:

window.document.getElementById("header");

ਇਕੱਵਲ ਹੈ:

document.getElementById("header");

ਵਿੰਡੋ ਮਾਪ

ਇਹ ਦੋਵੇਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਮਾਪ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਰਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ。

ਇਹ ਦੋਵੇਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪਿਕਸਲ ਵਿੱਚ ਮਾਪ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ:

  • window.innerHeight - ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦਾ ਅੰਦਰੂਨੀ ਉੱਚਾਈ (ਪਿਕਸਲ ਵਿੱਚ)
  • window.innerWidth - ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦਾ ਅੰਦਰੂਨੀ ਚੌਡਾਈ (ਪਿਕਸਲ ਵਿੱਚ)

ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ (ਬਰਾਊਜ਼ਰ ਵਿਊਪੋਰਟ) ਟੂਲਬਾਰ ਅਤੇ ਸਕਰੋਲਬਾਰ ਨਹੀਂ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ。

ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8, 7, 6, 5 ਲਈ:

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

یا

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

یک راهکار عملی JavaScript (شامل همه مرورگرها):

مثال

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() - تنظیم مجدد پنجره فعلی