More Related Content
Similar to การเขียน Java script ร่วมกับ html (20)
การเขียน Java script ร่วมกับ html
- 1. การเขียน 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>
My First Web Page
<html>
<body> My First JavaScript
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
Nunnaphat chadajit computer_saohai
- 2. 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!'); จะเกิดหน้าต่าง pop up windows ขึ้นมาก่อน
--> เมื่อกดปุ่ม ok จะเข้าหน้าเว็บเพจปกติ
</script>
</head>
<body>
<script language = javascript>
document.write("hello");
</script>
</body>
</html>
Nunnaphat chadajit computer_saohai
- 3. ชื่อ – นามสกุล ชั้น เลขที่
ชิ้นงาน
1. ให้นักเรียนเขียนประวัติส่วนตัวของตัวเอง อย่างน้อย 5- 10 บรรทัด โดยใช้ JavaScript ร่วมกับ html
Nunnaphat chadajit computer_saohai
- 4. ชื่อ – นามสกุล ชั้น เลขที่
ชิ้นงาน
2. ให้นักเรียนเขียนแสดง pop up window ขึ้นข้อความว่า ยินดีต้อนรับสู่เว็บไซต์ ใส่ชื่อนักเรียน
Nunnaphat chadajit computer_saohai
