JavaScript ဘယ်မှာလဲ။
<script> Tag
HTML တွင်၊ JavaScript ကုဒ်ကို tags များ <script>
ကြားတွင် ထည့်သွင်းထားသည် ။</script>
ဥပမာ
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
JavaScript နမူနာဟောင်းများသည် အမျိုးအစား attribute ကို သုံးနိုင်သည်- <script type="text/javascript">။
အမျိုးအစား attribute မလိုအပ်ပါ။ JavaScript သည် HTML တွင် မူရင်း scripting language ဖြစ်သည်။
JavaScript လုပ်ဆောင်ချက်များနှင့် ပွဲများ
JavaScript function
သည် "ခေါ်ဆိုသည်" သောအခါတွင် လုပ်ဆောင်နိုင်သော JavaScript ကုဒ်၏ ဘလောက်တစ်ခုဖြစ်သည်။
ဥပမာအားဖြင့်၊ သုံးစွဲသူသည် ခလုတ်တစ်ခုကို နှိပ်လိုက်သည့်အခါကဲ့သို့ ဖြစ်ရပ်တစ်ခု ဖြစ်ပေါ်လာသည့်အခါ လုပ်ဆောင်ချက်တစ်ခုအား ခေါ်နိုင်သည်။
နောက်ပိုင်းအခန်းများတွင် လုပ်ဆောင်ချက်များနှင့် အဖြစ်အပျက်များအကြောင်း သင်ပိုမိုလေ့လာနိုင်မည်ဖြစ်သည်။
<head> သို့မဟုတ် <body> ရှိ JavaScript
HTML Document တစ်ခုတွင် မည်သည့် Script အရေအတွက်ကိုမဆို ထားရှိနိုင်ပါသည်။
Script များကို HTML စာမျက်နှာတစ်ခု၏ ကဏ္ဍတွင် သို့မဟုတ် နှစ်ခုလုံးတွင် <body>
ထားရှိ နိုင်ပါသည် ။<head>
<head> ရှိ JavaScript
ဤဥပမာတွင်၊ JavaScript ကို HTML စာမျက်နှာ function
၏ ကဏ္ဍတွင် ထည့်သွင်းထားသည် ။<head>
ခလုတ်တစ်ခုကို နှိပ်လိုက်သောအခါ လုပ်ဆောင်ချက်ကို ခေါ်ဆိုသည် (ခေါ်သည်)
ဥပမာ
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
<body> ရှိ JavaScript
ဤဥပမာတွင်၊ JavaScript ကို HTML စာမျက်နှာ function
၏ ကဏ္ဍတွင် ထည့်သွင်းထားသည် ။<body>
ခလုတ်တစ်ခုကို နှိပ်လိုက်သောအခါ လုပ်ဆောင်ချက်ကို ခေါ်ဆိုသည် (ခေါ်သည်)
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
<body> ဒြပ်စင်၏အောက်ခြေတွင် script များကို နေရာချခြင်းသည် ပြသမှုအမြန်နှုန်းကို ပိုမိုကောင်းမွန်စေသည်၊ အဘယ်ကြောင့်ဆိုသော် script ၏အဓိပ္ပာယ်ဖွင့်ဆိုမှုသည် ပြသမှုကို နှေးကွေးစေသောကြောင့်ဖြစ်သည်။
ပြင်ပ JavaScript
Script များကို ပြင်ပဖိုင်များတွင်လည်း ထည့်သွင်းနိုင်သည်-
ပြင်ပဖိုင်- myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
မတူညီသော ဝဘ်စာမျက်နှာများစွာတွင် တူညီသောကုဒ်ကို အသုံးပြုသောအခါတွင် ပြင်ပ Script များသည် လက်တွေ့ကျသည်။
JavaScript ဖိုင်များတွင် ဖိုင် extension .js ပါရှိသည်။
ပြင်ပ script ကိုအသုံးပြုရန်၊ တဂ် src
တစ်ခု၏ (ရင်းမြစ်) ရည်ညွှန်းချက် တွင် ဇာတ်ညွှန်းဖိုင်၏အမည်ကို ထည့်ပါ။<script>
ဥပမာ
<script src="myScript.js"></script>
ပြင်ပ script ကိုးကားချက်ကို သင် <head>
သို့မဟုတ် <body>
သင်နှစ်သက်သလို ထည့်နိုင်သည်။
<script>
ဇာတ်ညွှန်းသည် တဂ် တည်ရှိသည့်နေရာတွင် အတိအကျ တည်ရှိနေသကဲ့သို့ ပြုမူလိမ့်မည် ။
ပြင်ပ Script များတွင် <script>
တဂ်များ မပါဝင်နိုင်ပါ။
ပြင်ပ JavaScript အားသာချက်များ
ပြင်ပဖိုင်များတွင် script များထည့်ခြင်းတွင် အားသာချက်အချို့ရှိသည်။
- HTML နှင့် Code ကို ခွဲခြားထားသည်။
- ၎င်းသည် HTML နှင့် JavaScript ကိုဖတ်ရန်နှင့်ထိန်းသိမ်းရန်ပိုမိုလွယ်ကူစေသည်။
- ကက်ရှ်ထားသော JavaScript ဖိုင်များသည် စာမျက်နှာဖွင့်ခြင်းကို အရှိန်မြှင့်နိုင်သည်။
စာမျက်နှာတစ်ခုသို့ script ဖိုင်အများအပြားထည့်ရန် - များစွာသော script tags ကိုသုံးပါ-
ဥပမာ
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
ပြင်ပကိုးကားချက်များ
ပြင်ပ script ကို မတူညီသော နည်းလမ်း 3 ခုဖြင့် ကိုးကားနိုင်သည်-
- URL အပြည့်အစုံ (ဝဘ်လိပ်စာအပြည့်အစုံ) ဖြင့်
- ဖိုင်လမ်းကြောင်း ( /js/ ကဲ့သို့)
- မည်သည့်လမ်းကြောင်းမှမရှိဘဲ
ဤဥပမာသည် myScript.js သို့ လင့်ခ်ချိတ်ရန် URL အပြည့်အစုံ ကို အသုံးပြုသည်-
ဥပမာ
<script src="https://www.w3schools.com/js/myScript.js"></script>
ဤဥပမာသည် myScript.js သို့ လင့်ခ်ချိတ်ရန် ဖိုင်လမ်းကြောင်းကို အသုံးပြုသည်-
ဥပမာ
<script src="/js/myScript.js"></script>
ဤဥပမာသည် myScript.js သို့ လင့်ခ်ချိတ်ရန် လမ်းကြောင်းကို မသုံးပါ
ဥပမာ
<script src="myScript.js"></script>
HTML File Paths အခန်းတွင် ဖိုင်လမ်းကြောင်းများအကြောင်း ပိုမိုဖတ်ရှုနိုင်ပါသည် ။