การเขียน java script ร่วมกับ html
TRANSCRIPT
Nunnaphat chadajit computer_saohai
การเขียน JavaScript ร่วมกับ html
JavaScript เป็นภาษายุคใหม่ส าหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ตที่ก าลังได้รับความนิยม
อย่างสูง เราสามารถเขียน โปรแกรม JavaScript เพ่ิมเข้าปในเว็บเพจเพื่อใช้ประโยชน์ส าหรับงานด้านต่าง ๆ ทั้ง
การค านวณ การแสดงผล การรับ-ส่งข้อมูล และที่ ส าคัญคือ สามารถโต้ตอบกับผู้ใช้ได้อย่างทันทีทันได นอกจากนี้
ยังมีความสามารถด้านอ่ืน ๆ อีกหลายประการที่ช่วยสร้างความน่าสนใจให้ กับเว็บเพจของเราได้อย่างมาก ภาษา
จาวาสคริปต์ถูกพัฒนาโดยเน็ตสเคปคอมมิวนิเคชันส์ (Netscape Communications Corporation) โดยใช้ชื่อว่า
Live Script ออกมาพร้อมกับ Netscape Navigator 2.0 เพ่ือใช้สร้างเว็บเพจโดยติดต่อกับเซิร์ฟเวอร์แบบ
Live Wire ต่อมาเน็ตสเคปจึงได้ร่วมมือกับบริษัทซันไมโครซิสเต็มส์ปรับปรุงระบบของบราวเซอร์เพื่อให้สามารถ
ติดต่อใช้งานกับภาษาจาวาได้ และได้ปรับปรุง LiveScript ใหม่เมื่อ ปี 2538 แล้วตั้งชื่อใหม่ว่า JavaScript
เราสามารถแทรก JavaScript ได้ 2 ส่วนด้วยกันคือ ใน <head >และ <body> ขึ้นอยู่กับความเหมาะสม
ของโค้ดนั้น ๆ โดย Javascripts นั้นจะแสดงผลได้ก็ต่อเมื่อมีการเรียกค าสั่งที่ว่า
<script language = “javascripts”>....................</script>
ตัวอย่างการเขียนโปรแกรม JavaScript ร่วมกับ html
code output <!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <script type="text/javascript"> document.write("<p>My First JavaScript</p>"); </script> </body> </html>
My First Web Page
My First JavaScript
Nunnaphat chadajit computer_saohai
code output
<html>
<head> <title>ตัวอย่าง javascipt ให้แสดงข้อความ</title> </head> <body> <script language = javascript> document.write("hello"); </script> </body> </html>
<html> <head> <title>ตัวอย่าง javascipt ให้แสดง pop up window</title> <script type="text/javascript"> <!-- alert('Hello, remember to tell your friends about Javascripts and html!'); --> </script> </head> <body> <script language = javascript> document.write("hello"); </script> </body> </html>
จะเกิดหน้าต่าง pop up windows ขึ้นมาก่อน เมื่อกดปุ่ม ok จะเข้าหน้าเว็บเพจปกติ
Nunnaphat chadajit computer_saohai
ชิ้นงาน
1. ให้นักเรียนเขียนประวัติส่วนตัวของตัวเอง อย่างน้อย 5- 10 บรรทัด โดยใช้ JavaScript ร่วมกับ html
ชื่อ – นามสกุล ชั้น เลขที ่
Nunnaphat chadajit computer_saohai
ชื่อ – นามสกุล ชั้น เลขที ่
ชิ้นงาน
2. ให้นักเรียนเขียนแสดง pop up window ขึ้นข้อความว่า ยินดีต้อนรับสู่เว็บไซต์ ใส่ชื่อนักเรียน