topleft
topright
ศัพท์ที่น่าสนใจ
1. CSS
2. DOM
3. Flex-Ajax Bridge
4. AS 3.0
5. Web 2.0
6. CMS
7. Framework
8. JSON
9. Apache
10. CAPTCHA
เว็บผู้สนับสนุน

 
บทที่ 1 แนะนำภาษา JavaScript

เมื่อไหร่ต้องใช้ JavaScript ?
เราจะใช้ JavaScript เมื่อต้องการทำให้ เวบเพจแสดงผลแบบเคลื่อนไหวได้ มีชีวิตชีวา ไม่แข็งทื่อ หรือใช้ในการสั่งให้ บราวเซอร์ทำงานตามที่เราต้องการ โดยงานนั้น อาจเกินความสามารถ ของภาษา HTML แต่ไม่ใช่งานที่ต้องติดต่อกับ Server นั่นเพราะ JavaScript เป็นภาษาที่ใช้ในการเขียนโปรแกรมทางฝั่ง cliend โดยมีบราวเซอร์เป็นตัวแปลภาษานั่นเอง ตัวอย่างของงาน ที่จะต้องใช้ภาษา JavaScript เช่น

- สร้างเมนูที่สามารถตอบสนองต่อการเอา mouse ไปชี้ได้
- สร้างเครื่องคิดเลข ปฏิทิน เกม ในเวบเพจ
- เปิด,ปิด,เคลื่อนย้ายตำแหน่งของ window
- ทำตัวอักษรวิ่งแบบต่างๆ
- ตรวจสอบความถูกต้องของแบบฟอร์มที่ผู้ใช้กรอก ก่อนส่งข้อมูลไปยัง Server
- และอื่นๆ อีกมากมายที่ไม่ต้องติดต่อกับ Server

 


 


 

ต้องรู้อะไรก่อนที่จะเรียน JavaScript ?
HTML ครับ อันนี้ตัวหลักเลย เพราะเราจะทำเวบ และ JavaScript จะต้องเขียนแทรกเข้าไปรวมกับ HTML ทำงานร่วมกับ HTML ไม่สามารถแสดงผลด้วย JavaScript เพียงอย่างเดียวได้
แล้วต้องรู้ลึกแค่ไหนล่ะ ?
ไม่ต้องถึงกับเก่งมากก็ได้ อย่างน้อยขอให้มีความรู้ระดับพื้นฐานก็พอ สามารถทำลิงก์ได้ ใส่ภาพได้ สร้างตารางได้ สร้างแบบฟอร์มได้ แค่นี้ก็เหลือรับประทานแล้ว
ยิ่งถ้ามีพื้นฐานการเขียนโปรแกรมอย่าง C,C++,Pascal ด้วยแล้ว จะทำให้เข้าใจ JavaScript ได้เร็วมากเลย

 


 


 

สิ่งที่ต้องเตรียมเมื่อจะเขียน JavaScript
เนื่องจาก JavaScript เป็นภาษาที่ทำงานฝั่ง cliend ใช้เบราเซอร์เป็นตัวแปลภาษา ดังนั้นเราก็สบายสิ ^-^ ไม่ต้องเตรียมโปรแกรมอะไรพิเศษเลย มีแค่เบราเซอร์ที่เข้าใจภาษา JavaScript ซึ่งเบราเซอร์ส่วนใหญ่ ก็ทำได้อยู่แล้ว แต่ผมขอแนะนำ Internet Explorer 5.0 ขึ้นไปครับ เพราะสามารถรองรับการทำงานของ JavaScript ได้ดีที่สุด และอีกอย่างก็คือ Editor อะไรก็ได้ แม้แต่ Notepad (ตัวนี้ผมชอบมาก เพราะทั้งเล็กและเร็ว)

 


 


 

การใส่ JavaScript ลงในเวบเพจ
คุณสามารถใส่ JavaScript ลงใน WebPage ของคุณได้โดยการใส่ Tag <script> และ </script> คร่อมคำสั่งต่างๆของ JavaScript และกำหนด Language เป็น JavaScript ครับ ดูจากตัวอย่างละกัน

THAIEMS ThaiEms.Net
THAIEMS
FileEditFormatViewHelp
<script language="JavaScript">
window.open('<cite>คำสังต่างๆของ JavaScript</cite><br>');
</script>

Tag <Script> นี้จะใช้ได้ทั้งในส่วน Head และ Body ครับ ถ้าเป็นการประกาศ ฟังก์ชั่น หรือกำหนดค่าตัวแปรจะ นิยมทำในส่วน <Head>...</Head> แต่ถ้าเป็นคำสั่งให้ทำงานจริงจะใส่ในส่วน <Body>...</Body>