JavaScript Window - Browser Object Model
Browser Object Model (BOM) သည် JavaScript ကို ဘရောက်ဆာနှင့် "စကားပြောရန်" ခွင့်ပြုသည်။
Browser Object Model (BOM)
B rowser O bject M odel (BOM) အတွက် တရားဝင် စံနှုန်းများ မရှိပါ ။
ခေတ်မီဘရောက်ဆာများသည် JavaScript အပြန်အလှန်တုံ့ပြန်မှုအတွက်တူညီသောနည်းလမ်းများနှင့်ဂုဏ်သတ္တိများ (နီးပါး) ကိုအကောင်အထည်ဖော်သောကြောင့်၎င်းကို BOM ၏နည်းလမ်းများနှင့်ဂုဏ်သတ္တိများအဖြစ်မကြာခဏရည်ညွှန်းသည်။
Window Object ၊
အ window
ရာဝတ္တုကို ဘရောက်ဆာအားလုံးက ပံ့ပိုးထားသည်။ ၎င်းသည် browser ၏ဝင်းဒိုးကိုကိုယ်စားပြုသည်။
ကမ္ဘာလုံးဆိုင်ရာ JavaScript အရာဝတ္ထုများ၊ လုပ်ဆောင်ချက်များနှင့် ကိန်းရှင်များအားလုံးသည် ဝင်းဒိုးအရာဝတ္တု၏ အဖွဲ့ဝင်များ အလိုအလျောက်ဖြစ်လာသည်။
Global variable များသည် window object ၏ ဂုဏ်သတ္တိများ ဖြစ်သည်။
Global functions များသည် window object ၏ method များဖြစ်သည်။
စာရွက်စာတမ်းအရာဝတ္ထု (HTML DOM ၏) သည်ပင်ဝင်းဒိုးအရာဝတ္ထု၏ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်
window.document.getElementById("header");
အတူတူပါပဲ:
document.getElementById("header");
Window Size
ဘရောက်ဆာဝင်းဒိုး၏ အရွယ်အစားကို ဆုံးဖြတ်ရန် ဂုဏ်သတ္တိနှစ်ခုကို အသုံးပြုနိုင်သည်။
ဂုဏ်သတ္တိနှစ်ခုလုံးသည် အရွယ်အစားများကို pixels ဖြင့် ပြန်ပေးသည်-
window.innerHeight
- ဘရောက်ဆာဝင်းဒိုး၏အတွင်းပိုင်းအမြင့် ( pixels ဖြင့်)window.innerWidth
- ဘရောက်ဆာဝင်းဒိုး၏အတွင်းအကျယ် ( pixels ဖြင့်)
ဘရောင်ဇာဝင်းဒိုး (ဘရောက်ဆာမြင်ကွင်းပို့တ်) သည် ကိရိယာဘားများနှင့် လျှောဘားများ မပါဝင်ပါ။
ဥပမာ
let w = window.innerWidth;
let h = window.innerHeight;
အခြား Window နည်းလမ်းများ
အခြားနည်းလမ်းအချို့
window.open()
- ဝင်းဒိုးအသစ်တစ်ခုဖွင့်ပါ။window.close()
- လက်ရှိဝင်းဒိုးကိုပိတ်ပါ။window.moveTo()
- လက်ရှိ window ကိုရွှေ့ပါ။window.resizeTo()
- လက်ရှိဝင်းဒိုးကို အရွယ်အစားပြောင်းပါ။