Javascript ကိုဘယ္လိုေရးမလဲ?
Html page ထဲမွာ Javascript ထဲကိုထည္႔သြင္းခ်င္တယ္ဆိုရင္ ကၽြန္ေတာ္တို႔က <script> ဆိုတဲ႔ tag ကိုသံုးရမွာပါ
<script> ထဲမွာဆိုရင္ေတာ႔ javascript language ရဲ႕ attribute type ကိုအသံုးျပဳရမွာပါ
<script> </script> က JavaScript ရဲ႕ start နဲ႔ end ပါပဲ႔
***********************************************
<html>
<head><title>Js by cyberoot</title></head>
<body>
<script type="text/javascript">
... some JavaScript code ...
</script>
</body>
</html>
***********************************************
<script> and </script> ဆိုတဲ႔ line ၾကားမွာ brower က process လုပ္မယ္႔ Javascript Code ကိုထည္႔သြင္းေရးသားရမွာျဖစ္ပါတယ္
ံhtml document ထဲမွာေရးသားျခင္း
ေအာက္က ဥပမာေလးက js code ကို html document ထဲမွာေရးထားတာပါ
***********************************************
<html>
<body>
<h1>This is Heading</h1>
<script type="text/javascrpt">
document.write("Hello MHU Member");
</script>
</body>
</html>
***********************************************
ဒါလိုေရးလိုက္မယ္ဆိုရင္ output ကဒီလိုထြက္မွာပါ
-------------------------------------------------------
|| Hello MHU Member ||
________________________________
document.write ဆိုတာက javascript ရဲ႕ output ထုတ္ျပတဲ႔ function ျဖစ္ပါတယ္
ေနာက္တစ္ခုက html elements ေတြကိုေျပာင္းလဲေရးသားျခင္းပါ
***********************************************
<html>
<body>
<h1>This is Heading</h1>
<p id="changeText"></p>
<script type="text/javascript">
document.getElemetById("changeText").innerHTML="Welcome MHU Member";
</script>
</body>
</html>
***********************************************
The Output is
-----------------------------------------------------------------
|| This is Heading ||
|| Welcome MHU Member ||
------------------------------------------------------------------
document.getElementById ဆိုတာက ကၽြန္ေတာ္တို႔ document ထဲ႔ကelement ေတြကိုျပန္ဖမ္းတာပါ
html elements ကိုတြက္ထုတ္ဖို႔အတြက္ javascript ရဲ႕ Document Object Model ျဖစ္တဲ႔ getElementById() ကိုသံုးတာပါ
အဲဒီနည္းလမ္းက special id ကို access လုပ္တာပါ
----------------------------------------------------------------
---------------Written by Cyberoot---------------------
------------~~~Thanks For Reading~~~------------
---------Module 3 ကိုေစာင္႔ေမွ်ာ္ေပးပါရန္....------------
*************************************
No comments:
Post a Comment
Thanks for your comments
Welcome from cyberoot