జావాస్క్రిప్ట్ విండో - బ్రౌజర్ ఆబ్జెక్ట్ మోడల్

బ్రౌజర్ ఆబ్జెక్ట్ మోడల్ (Bబ్రౌజర్ BO Mబ్రౌజర్ ఆబ్జెక్ట్ మోడల్ (BOM) జావాస్క్రిప్ట్ నుండి బ్రౌజర్ తో సంభాషించడానికి అనుమతిస్తుంది.

బ్రౌజర్ ఆబ్జెక్ట్ మోడల్ (Browser Object Model (BOM))

బ్రౌజర్ ఆబ్జెక్ట్ మోడల్ (BOM) యొక్క ఆధికారిక పేరు లేదు.

ఆధునిక బ్రౌజర్లు జావాస్క్రిప్ట్ ఇంటరాక్షన్ మరియు అనునదులు మరియు అనునదులు అన్నిటినీ సాధించినందున అది తరచుగా BOM యొక్క మంథనాలు మరియు అనునదులు గా ప్రస్తావించబడుతుంది.

Window ఆబ్జెక్ట్

అన్ని బ్రౌజర్లు దానిని మద్దతు చేస్తాయి window ఆబ్జెక్ట్. ఇది బ్రౌజర్ విండోను ప్రతినిధీకరిస్తుంది.

అన్ని గ్లౌబల్ జావాస్క్రిప్ట్ ఆబ్జెక్ట్స్, ఫంక్షన్స్ మరియు వేరియబుల్స్ విండో ఆబ్జెక్ట్ యాత్రికాలు అవతరించబడతాయి.

గ్లౌబల్ వేరియబుల్స్ విండో ఆబ్జెక్ట్ యాత్రికాలు ఉన్నాయి.

గ్లౌబల్ ఫంక్షన్స్ విండో ఆబ్జెక్ట్ మంథనాలు ఉన్నాయి.

కానీ (హైటింగ్ డాక్యుమెంట్ డామ్ ఐడియు కొరకు) 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

ఒక పరిణామకరమైన జావాస్క్రిప్ట్ పరిష్కారం (అన్ని బ్రౌజర్లకు ఉపయోగపడుతుంది):

ఉదాహరణ

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() - ప్రస్తుత విండోను పునఃకేతగించు