ဂျော့တိုး ဟန် ဝတ်ပြု

ဘွတ်ကွန်ပျူတာ အမှုန် ဘဏ္ဍာရေး (Browser Object Model (BOM) က ဂရိုက်ဂျက် နှင့် ဘွတ်ကွန်ပျူတာ ကို ပြောဆိုသည်။

ဘွတ်ကွန်ပျူတာ အမှုန် ဘဏ္ဍာရေး (Browser Object Model (BOM))

ဘွတ်ကွန်ပျူတာ အမှုန် ဘဏ္ဍာရေး (BOM) အတွက် တရားဝင် အခြေခံ အဘောင်ချက် မရှိပါ။

ယခု ဘွတ်ကွန်ပျူတာ ကို ကျယ်ပြန့် လုပ်ကိုင်ကြသည် (အများစုဆုံး) အတွက် ဂရိုက်ဂျက် အသုံးပြုခြင်း အတွက် ဘွတ်ကွန်ပျူတာ အမှုန် နှင့် ဘဏ္ဍာရေး ကို ပြောကြားသည်။

Window အမှုန်

အားလုံး ဘွတ်ကွန်ပျူတာ ကို ထောက်ပံ့သည် window အမှုန်။ ဘွတ်ကွန်ပျူတာ ဝတ်ဆိပ် ကို ကိုယ်စားပြုသည်။

အားလုံး အကြွင်းကြွင်း ဂရိုက်ဂျက် အမှုန် နှင့် ပုဂ္ဂိုလ်များ အား ဘွတ်ကွန်ပျူတာ အမှုန် အဖွဲ့ဝင် အဖြစ် လုပ်ဆောင်သည်။

အကြွင်းကြွင်း အမှာ ဘွတ်ကွန်ပျူတာ အမှုန် ဘဏ္ဍာရေး:

အကြွင်းကြွင်း အွ数ားအသုံး ဘွတ်ကွန်ပျူတာ အမှုန် အမှာ ဘွတ်ကွန်ပျူတာ အမှုန် ဘဏ္ဍာရေး:

သို့မဟုတ် (HTML DOM အတွက်) document အမှုန် ဘွတ်ကွန်ပျူတာ အမှုန် အချက်အလက်:

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() - တိုးမြင် လတ်တလော လှည့်ဝှေ့