JavaScript ထုတ်လုပ်ခြင်း
- ပြီးအပတ် JS အသုံးပြုခြင်း
- နောက်အပတ် JS ဖော်ပြ
JavaScript က သတင်း စာရင်းသို့ သို့မဟုတ် ပြုလုပ်သည့် အဆိုပါ အဆိုပါ ပုံစံလုပ်ငန်း ကို လုပ်ခဲ့ မည်မဟုတ်ပါ။
JavaScript ပြုလုပ်နည်းလမ်း
JavaScript က သတင်း ကို မတူညီသော နည်းလမ်းများဖြင့် "ပြ" နိုင်သည်
- အသုံးပြုသည်
window.alert()
သတင်းထိရောက်ချက် ပြုလုပ်ရန် - အသုံးပြုသည်
document.write();
ပုံစံ HTML အရာဝတ္တု သွင်းရန် - အသုံးပြုသည်
innerHTML
ပုံစံ HTML အရာဝတ္တု သွင်းရန် - အသုံးပြုသည်
console.log();
ဘွတ်စာအုပ် ကို သွင်းရန်
innerHTML အသုံးပြုသည်
ပုံစံ HTML အရာဝတ္တု ကို ဝင်ရောက်သွားသည့်အတွက် JavaScript သည် အသုံးပြုနိုင်သည် document.getElementById(id)
နည်းလမ်း။
id
သတင်းထိရောက်ချက် ကို အသုံးပြုသည့် ပုံစံ HTML အရာဝတ္တု။ innerHTML သတင်းထိရောက်ချက် ကို ပုံစံ HTML အရာဝတ္တု ကို အသုံးပြုသည်။
အမှတ်
<!DOCTYPE html> <html> <body> <h1>ကိုယ်တိုင် စားပွားရေး</h1> <p>ကျမ်းစာ ကိုယ်တိုင် ပါ</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>
အကြောင်းအရာပုံစံ HTML အရာဝတ္တု၏ innerHTML သတင်းထိရောက်ချက် ကို ပုံစံ HTML တွင် သတင်း ပြုပြင် အသုံးပြုသည့် နည်းလမ်းဖြစ်သည်။
使用 document.write()
出于测试目的,使用 document.write();
အများဆုံး အသုံးပြုခြင်း
အမှတ်
<!DOCTYPE html> <html> <body> <h1>ကိုယ်တိုင် စားပွားရေး</h1> <p>ကျမ်းစာ ကိုယ်တိုင် ပါ</p> <script> document.write(5 + 6); </script> </body> </html>
အကြောင်းအရာHTML အခြေအနေ ဖြစ်ပေါ်လာပြီး အတွက် document.write();
ပြုပြင်ခြင်းအခြေအနေ ဖြင့် ဖယ်ရှားခြင်း :
အမှတ်
<!DOCTYPE html> <html> <body> <h1>ကိုယ်တိုင် စားပွားရေး</h1> <p>ကျမ်းစာ ကိုယ်တိုင် ပါ</p> <button onclick="document.write(5 + 6)">ကြိုးစားခြင်း</button> </body> </html>
အကြောင်းအရာdocument.write();
နည်းလမ်း အသုံးပြုခြင်း သာမက
window.alert() ကို အသုံးပြုခြင်း
သင် သတင်း ကို ပြသခြင်း အတွက် အော်ချိန် အခမ်းအနား ကို အသုံးပြုနိုင်သည်
အမှတ်
<!DOCTYPE html> <html> <body> <h1>ကိုယ်တိုင် စားပွားရေး</h1> <p>ကျမ်းစာ ကိုယ်တိုင် ပါ</p> <script> window.alert(5 + 6); </script> </body> </html>
console.log() ကို အသုံးပြုခြင်း
ဘရောက်ဆာ တွင် console.log();
ကုမ္ပဏီ ကို ပြသခြင်း အတွက် မည်သည့် နည်းလမ်း
ဘရောက်ဆာ ကို ဖွင့်တင်ခြင်း အတွက် ဖြိုးဖြူး F12 ကို ကြိုးစားခြင်း ပြီး မီဒီယာများ တွင် တက်ခုံး ရှိသော ‘ဘရောက်ဆာ’ အခမ်းအနား ကို ရှာဖွေခြင်း
အမှတ်
<!DOCTYPE html> <html> <body> <h1>ကိုယ်တိုင် စားပွားရေး</h1> <p>ကျမ်းစာ ကိုယ်တိုင် ပါ</p> <script> console.log(5 + 6); </script> </body> </html>
- ပြီးအပတ် JS အသုံးပြုခြင်း
- နောက်အပတ် JS ဖော်ပြ