วันอังคารที่ 3 มกราคม พ.ศ. 2560

Javascript เบื้องต้น

มาทำความเข้าใจกันก่อนว่า javascript คืออะไร ทำงานอย่างไร เอาที่เข้าใจง่ายๆไม่วิชาการนะครับ

javascript คือ code ที่ทำงานหน้าบ้านให้กับเว็บ เปลี่ยนแปลงค่าต่างๆที่แสดงอยู่บนหน้าเว็บ ลองนึกภาพตามนะครับ หน้าเว็บมีการทำงานหลักๆอยู่ 3 ส่วน คือ
1. code html แสดงหน้าเว็บ
2. code css ตกแต่งหน้าเว็บ
3. javascript ปรับแต่งค่าต่างๆในเว็บ
ดังนั้นลำดับเวลา Load หน้าเว็บเพจคือ ดึงโค้ด html มาแสดงก่อน  จากหน้าโหลด css มาแต่งให้ดูสวยงาม และสุดท้าย javascript และยังคง ทำงานเมื่อเรียกใช้จนปิดหน้าเว็บ ไม่ว่าจะเป็น event ต่างๆ ที่เกิดระหว่างแสดงหน้าเว็บอยู่

กลับมาที่ javascript มันง่ายมากไม่ยุ่งยากเหมือน ภาษาหลักๆ อย่าง c, c# , java , php มันสามารถเขียนได้ทั้งบนไฟล์เว็บ หรือแยกเป็นไฟล์ของมันเอง โดยมีนามสกุลเป็น .js นั่นคือมีลักษณะการใช้งานต่างกัน

ถ้าเป็น ไฟล์ .js คุณต้อง import มาใช้ในไฟล์ ด้วย แท็ก
<script src="/js/main.js" ></script>

แต่ถ้าจะเขียนในไฟล์ ส่วนใหญ่จะเขียนภายในแท็ก <head>  โดยมีการสร้างแท็ก เปิด/ปิด แล้วเขียนโค้ดได้เลย
<script type="text/javascript" >

//ในนี้ ทั้งหมดคือ code javascript จัดเต็มได้เลย

</script>

เบื้องต้นไหมละ เอาแค่นี้ก่อนเดียวมึน ไปลองๆดูตัวอย่างโค้ดตามเว็บดู
เปิดเว็บแล้ว Ctrl + U

ไม่มีความคิดเห็น: