စကရစ်ပ် tag
Tag script သည် JavaScript
ကို HTML စာမျက်နှာသို့ ချိတ်ဆက်ပေးပါသည် (ပြီးတော့ ပိုရှားပါးစွာနဲ့
တခြား စကရစ်ပ်များကိုလည်း ချိတ်ဆက်နိုင်ပါသည်)။
သီးခြား JavaScript ဖိုင်တစ်ခုကို ချိတ်ဆက်နိုင်ပါသည် (ဒီအခြေအနေမှာ
attribute src ကို ဖော်ပြပေးရပါမည်) သို့မဟုတ် ပြီးရင် JavaScript ကို
HTML စာမျက်နှာပေါ်မှာ တိုက်ရိုက်ရေးသားနိုင်ပါသည်။ အနှစ်သာရအားဖြင့် script
သည် tag link
နှင့် tag style
နှစ်ခုစလုံးကဲ့သို့ ပြုမူပါသည်၊ သို့သော် CSS အတွက်မဟုတ်ဘဲ JavaScript အတွက်ဖြစ်ပါသည်။
ဒီ tag ကို tag
head,
အတွင်းမှာ ထားရှိသင့်ပါသည်၊
သို့သော် မဖြစ်မနေတော့မဟုတ်ပါ - tag script
ကို tag body
အတွင်းမှာလည်း ထားရှိနိုင်ပြီး ဒါက အလုပ်လုပ်ပါလိမ့်မည်။
Attributes များနှင့် Properties များ
| Attribute/Property | ဖော်ပြချက် |
|---|---|
src |
ချိတ်ဆက်မည့်ဖိုင်သို့ လမ်းကြောင်း။ |
type |
ချိတ်ဆက်မည့်ဖိုင်၏ အချက်အလက် အမျိုးအစား။ JavaScript အတွက် text/javascript ကို အသုံးပြုသင့်ပါသည်။
HTML5 တွင် ဒါက မလိုအပ်တော့ပါ။
|
language |
စကရစ်၏ ဘာသာစကားကို သတ်မှတ်ပေးသည်။ ဒီ attribute ကို မသုံးသင့်တော့ဘဲ ၎င်းအစား attribute type ကို အသုံးပြုသင့်ပါသည်။ |
defer |
Attribute defer သည် စာမျက်နှာတစ်ခုလုံး အပြည့်အဝ လှည့်မလာမချင်း စကရစ်ကို လုပ်ဆောင်ခြင်းကို ရွှေ့ဆိုင်းထားပါသည်။
|
ဥပမာ
သီးခြား JavaScript ဖိုင်တစ်ခုကို ချိတ်ဆက်ကြပါစို့။
<script src="test.js"></script>
ဥပမာ
ဒီလိုနည်းနဲ့လည်း JavaScript ကုဒ်ကို HTML စာမျက်နှာပေါ်မှာ တိုက်ရိုက်ရေးသားနိုင်ပါသည်။
<script>
let test = '123';
</script>
ဒါတွေလည်း ကြည့်ပါ
-
သင်ခန်းစာ DOM နှင့် အခြေခံအလုပ်,
ယင်းတွင် script tag ၏ အသုံးပြုပုံများကို ပြသထားပါသည်