Javascript က interpreted လုပ္နို္င္ျပီး complied မလုပ္နို္င္ပါဘူး ျပီးေတာ႔ Case sensitive ျဖစ္တယ္ဆိုတာမေမ႔နဲ႔ေနာ္
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<div id="main">
<h1>Near the my birthday</h1>
<p>Regular paragraph text goes here </P>
</div>
</body>
</html>
ကၽြန္ေတာ္ေရးထားတာသတိထားမိလား <p> tag နဲ႔ေရးထားတဲ႔ စာေၾကာင္းေလ
<p> some text </P>
html မွာေတာ႔ဒီလို႔ျဖစ္တာျပသာနာမရွိေပမယ္႔ javascript မွာေတာ႔ဒီလိုလုပ္လို႔ဘယ္ရမလဲ
alert("Hello Cyberoot"); အမွန္
Alert("Hello Cyberoot"); အမွား
ေနာက္ျပီး statement ေတြေပါ႔ header color ေတြခ်ိန္းနိုင္တယ္
image ေတြေရြနိုင္တယ္ menu ေတြကို hide လုပ္နိုင္တယ္ alert message ေတြထုတ္ျပနိုင္ပါတယ္
ဒီလိုေရးတာနဲ႔
alert("Hello Cyberoot friend"); alert("Another Hacker friend");
ဒီလိုေရးတာနဲ႔အတူတူပါပဲ႔
alert("Hello Cyberoot friend");
alert("Another Hacker friend");
ဘာလို႔လဲဆိုေတာ႔ Javascript က line by line တစ္ေၾကာင္းခ်င္းစီအလုပ္လုပ္ပါတယ္
ဘာေၾကာင္႔ တစ္ေၾကာင္းခ်င္းစီအလုပ္လုပ္လဲဆိုရင္ေတာ႔ semicomma ; ေၾကာင္႔ပါ
semicomma နဲ႔ေရးထားရင္ စာေၾကာင္းတစ္ေၾကာင္းဆံုးျပီလို႔သတ္မွတ္ပါတယ္
js ရဲ႕ whitespace က insensitive ျဖစ္ပါတယ္
alert("Hello bro");
alert ( "Hello bro" ) ;
alert
( "hello noob"
);
alert("Hello world");
ေနာက္ျပီး comment လည္းရွိေသးတယ္
//ဒါက comment ပါ
alert("hell0"); // i am comment
1./* ဒါက comment အမ်ားၾကီးေရးနိုင္ပါတယ္ */
2./* This is
many line
comment by
cyberoot
*/
တစ္ေၾကာင္းထက္ပိုျပီးေရးခ်င္တယ္ဆိုရင္ no(2) ပံုစံကိုသံုးရပါတယ္
code နည္းနည္းေလးေရးၾကည္႔ရေအာင္
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<h1>Simple HTML Page</h1>
<p>
This is a very simple HTML page.
</p>
<p>It's about as basic as they come. It has:<p>
<ul>
<li>An H1 Tag</li>
<li>Two paragraphs</li>
<li>An unordered list</li>
</ul>
<script>
alert("Hello, world!");
</script>
</body>
</html>
The Output is
ပံုမွာေတြ႔တယ္မဟုတ္လား 1 ေနရာမွာ စာေတြေပၚေနတယ္ေလ 2 မွေတာ႔ alert message ေပၚေနတာကိုိေတြ႔မွာပါ
ကၽြန္ေတာ္တို႔က အေပၚက html code ထဲမွာ javascript code ကို body ေအာက္နားမွာသြားေရးထားတာကိုး
စာေတြမေပၚခင္ alert message ကိုျပခ်င္တယ္ဆိုရင္ေတာ႔ head tag ထဲကို js code ကိုထည္႔ျပီး run လုိက္ရေအာင္
<html>
<head>
<title>Simple Page</title>
<script>
alert("Hello, world!");
</script>
</head>
<body>
<h1>Simple HTML Page</h1>
<p>
This is a very simple HTML page.
</p>
<p>It's about as basic as they come. It has:<p>
<ul>
<li>An H1 Tag</li>
<li>Two paragraphs</li>
<li>An unordered list</li>
</ul>
</body>
</html>
The Output is
ကဲ႔ 2 ေနရာမွာက alert box တက္ျပီးမွစာေတြေပၚေတာ႔မွာပါ
external js file ကိုေတာ႔ ေအာက္ကလိုမ်ိဳး js file ကိုသီးသန္႔ ခြဲ႔ျပီးေရးနိုင္ပါတယ္
simple.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>l33t web d3v3l0p3r</title>
</head>
<body>
<div>
<p>Regular body text</p>
</div>
<script src="myscript.js">
</script>
</body>
</html>
myscript.js
alert("Hello");
ဒီလုိမ်ိဳးပါ
type attribute ကိုထည္႔သြင္းျခင္း
<script src="myscript.js" type="text/javascript">
</script> type="text/ecmascript"
type="application/javascript"
type="application/ecmascript"
script tag ထည္႔သြင္းရမယ္႔ေနရာ
<!DOCTYPE html>
<html lang="en">
<head>
<title>Welcome </title>
<script src="myscript.js"></script>
</head>
<body>
<div>
<p>Body text</p>
</div>
</body>
</html>
<script src="myscript.js"></script> ဆိုတဲ႔ tag ကို </body> မေရာက္ခင္အထိအဆင္ေျပတဲ႔ေနရာမွာထည္႔သြင္းနိုင္ပါတယ္
ဒါေပမယ္႔ standard က်တာကေတာ႔ <head> tag ထဲမွာထည္႔တာပါပဲ႔
ဗိုက္ဆာေနျပီ ေနာက္မွေျပာေတာ႔မယ္
No comments:
Post a Comment
Thanks for your comments
Welcome from cyberoot