javascript พื้นฐานแบบเข้าใจง่ายๆ ก่อนนำไปใช้งานจริง

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

M034
PHP Super Member
PHP Super Member
Posts: 258
Joined: 28/03/2016 10:21 am
Contact:

javascript พื้นฐานแบบเข้าใจง่ายๆ ก่อนนำไปใช้งานจริง

Post by M034 »

การเขียนคำสั่งจาวาสคิปต์ จะต้องเขียนร่วมกับภาษา HTML แทรกใน <head>....</head> หรือหลัง <body> จาวาสคริปต์ที่เขียนขึ้น จะส่งไปยังบราวเซอร์ เพื่อทำการแปลโค้ดที่เขียนขึ้นทีละบันทัด และแสดงสิ่งที่ต้องการบนบราวเซอร์
สิ่งแรกที่ควรทราบคือ จาวาสคิปต์ให้ความสำคัญกับตัวเล็กตัวใหญ่

คำสั่งจาวาสคิปต์จะขึ้นต้นด้วย
<script language="JavaScript">
แล้วปิดด้วย
</script>
ตัวอย่าง

Code: Select all

<html>

<head>

<title>This is a JavaScript example</title>

<script language="JavaScript">
<!--
document.write("Hello World!");
//-->
</script>

</head>
<meta charset="UTF-8"/>
<body> สวัสดี  </body>

</html>
ชี้แจง เครื่องหมาย <!-- และ //--> ถ้าในคำสั่งของ Tag HTML เป็น Comment แต่ใน Java Script เพื่อรองรับ browser รุ่นเก่าที่ไม่รองรับ Java Script ซึ่งถ้าเราเขียนคำสั่งโดยไม่มีเครื่องหมาย <!-- ก็ได้ แต่จะมี Dialog Box ที่จะเตือนขึ้นมาถ้าหาก Browser รุ่นที่ไม่รองรับคำสั่งนั้น ๆ ค่ะ

ตำแหน่งในการใส่โค้ดคำสั่ง มีผลต่อการทำงาน เพราะเว็บบราวเซอร์จะแปลคำสั่งจากบรรทัดบนไล่ลงมาทีละบรรทัด การวางโค้ดในบรรทัดที่ต่างกัน ผลลัพธิ์ก็อาจจะต่างกันได้
ดังตัวอย่างต่อไปนี้

Code: Select all

<html>
  <head>
    <title>Hello</title>
      <script>
	alert("Hello World");
      </script>
  </head>
<meta charset="UTF-8"/>
<body>
<p>comment in body</p>
</body>
</html>
จะเห็นว่าจะมีหน้าต่าง Hello World แต่ด้านหลังไม่พบข้อความใดๆ เนื่องจากรันคำสั่งจาวาสคริปต์ก่อนแสดงข้อความใน <body>

เปรียบเทียบ

Code: Select all

<html>
  <head>
    <title>Hello</title>
  </head>
<meta charset="UTF-8"/>
<body>
<p>comment in body</p>
</body>
      <script>
	alert("Hello World");
      </script>
</html>
จะเห็นว่าเมื่อใส่คำสั่งจาวาสคิปต์หลัง <body> จะปรากฏหน้าต่าง Hello World เหมือนกันแต่จะแสดงข้อความใน <body> เพราะจะรันคำสั่งจาวาสคริปต์หลังแสดงข้อความใน <body>

ตัวแปร
ข้อจำกัดคือ ไม่สามารถนำหน้าด้วยตัวเลขได้
ตัวแปรในจาวาสคิปต์สามารถเก็บข้อมูลได้ทุกประเภท

สิ่งที่ควรรู้เกี่ยวกับอาร์เรย์ในจาวาสคริปต์
ไม่จำเป็นต้องกำหนดขนาดของอาร์เรย์เหมือนบางภาษา เพราะอาร์เรย์ในจาวาสคริปต์สามารถปรับขนาอาร์เรย์ได้อัตโนมัติ
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 7 guests