ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

สารบัญ

แนะนำการใช้งาน javascript เบื้องต้น เพื่อเตรียมตัวเป็น  "Web programming"
    

การเรียกใช้งาน javascript เบื้องต้น สามารถทำได้  2 แบบ
แบบที่ 1 เขียนคำสั่งเข้าที่ไฟล์ HTML โดยเปิดเเท็ก <script type="text/javascript">......คำสั่งการทำงาน.....</script>

ตัวอย่าง การเรียกใช้งาน แบบที่ 1
<script type="text/javascript">
//คำสั่งการทำงาน
</script>

แบบที่ 2 การเรียกใช้งานจาก ภายนอก

ตัวย่าง การเรียกใช้งานจากแบบที่ 2
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js">...</script>

 ตัวอย่างการเขียนคำสั่ง javascript

ไฟล์ตัวอย่าง :: code_2.html
<!DOCTYPE html>
<html>
<head>
<title> CSS </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body {
font-size: 36px;
}
#mindphp{
font-size: xx-small;
background-color: #00FF00;
}
.classmindphp{
font-size: larger;
font-style: italic;
}
div {
background-color: #0000FF;
}
p.classmindphp {
background-color:#999999;
}
</style>
<script type="text/javascript">
alert('Mindphp.com');
</script>
</head>
<body>
<div>ตัวอย่าง</div>
<div id="mindphp">Mindphp.com</div>
<div class="classmindphp">ข้อความที่อยู่ใน classmindphp Mindphp.com</div>
<p class="classmindphp">ข้อความที่อยู่ใน classmindphp Tag p</p>
</body>
</html>

คำอธิบาย :: จากตัวอย่าง เราจะเขียนคำสั่งแสดง alert เมื่อมีการเข้าหน้าเพจ
ผลที่ได้ ::

 

 ตัวอย่างการเขียนคำสั่ง javascript

ไฟล์ตัวอย่าง :: code_3.html
<!DOCTYPE html>
<html>
<head>
<title> CSS </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body {
font-size: 36px;
}
#mindphp{
font-size: xx-small;
background-color: #00FF00;
}
.classmindphp{
font-size: larger;
font-style: italic;
}
div {
background-color: #0000FF;
}
p.classmindphp {
background-color:#999999;
}
</style>
<script type="text/javascript">
a = 1;
alert(a);
</script>
</head>
<body>
<div>ตัวอย่าง</div>
<div id="mindphp">Mindphp.com</div>
<div class="classmindphp">ข้อความที่อยู่ใน classmindphp Mindphp.com</div>
<p class="classmindphp">ข้อความที่อยู่ใน classmindphp Tag p</p>
</body>
</html>

 คำอธิบาย :: จากตัวอย่าง เราจะเขียนคำสั่งแสดง alert เมื่อมีการเข้าหน้าเพจ ในรูปของตัวแปร ซึ่งเราสามารถตั้งตัวแปรขึ้นมาได้
 ผลที่ได้ ::

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ืNote
โดย Duanghathai Termtem จ 30 พ.ย. 2020 4:29 pm บอร์ด MT40
0
1
จ 30 พ.ย. 2020 4:29 pm โดย Duanghathai Termtem
วิธีการเดินทางจากกระบี่มากรุงเทพมหานคร
โดย Duanghathai Termtem จ 30 พ.ย. 2020 3:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
จ 30 พ.ย. 2020 3:46 pm โดย Duanghathai Termtem
การใช้ Canva ช่วยการนำเสนอ
โดย Duanghathai Termtem จ 30 พ.ย. 2020 3:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
จ 30 พ.ย. 2020 3:13 pm โดย Duanghathai Termtem
Work''s on hand ดวงหทัย MT40
โดย Duanghathai Termtem จ 30 พ.ย. 2020 12:38 pm บอร์ด MT40
0
2
จ 30 พ.ย. 2020 12:38 pm โดย Duanghathai Termtem
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำงานอะไรมาบ้าง
โดย Duanghathai Termtem จ 30 พ.ย. 2020 12:35 pm บอร์ด MT40
2
21
จ 30 พ.ย. 2020 6:20 pm โดย thatsawan
งานประจำวันที่ 30 พฤศจิกายน 2563
โดย Duanghathai Termtem จ 30 พ.ย. 2020 12:05 pm บอร์ด MT40
0
37
จ 30 พ.ย. 2020 12:05 pm โดย Duanghathai Termtem
ภาษี หัก ณ ที่จ่าย บน ERP
โดย milk2533 ส 28 พ.ย. 2020 4:17 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
20
ส 28 พ.ย. 2020 4:17 pm โดย milk2533
ประโยชน์ของการใช้ปุ่ม Sendmail บน ERP
โดย milk2533 ส 28 พ.ย. 2020 1:40 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
10
ส 28 พ.ย. 2020 1:40 pm โดย milk2533