ภาษา Java Script

Java script 

     JavaScript เป็นภาษาสคริปต์อีกชนิดหนึ่งที่นิยมนำมาเขียน เพื่อเสริมคุณค่าให้งานการสร้างเว็บเพจให้มีคุณค่า และมีคุณภาพ ไม่ว่าจะเว็บเพจเพื่อการทำ E-Commerce, Web database หรือ E-Learning ซึ่งงานเหล่านี้ถ้าใช้เพียงภาษาสคริปต์ PHP, ASP, JSP หรืออื่น ๆ จะเห็นว่าทำงานยังไม่สมบูรณ์ได้ดังใจ ผู้เขียนโปรแกรมมือใหม่ทั้งหลาย เมื่อเห็นการเขียนโปรแกรมของผู้อื่นตามเว็บต่าง ๆ รู้สึกว่างานของเขาที่ออกมาดีนั้น เขาเขียนกันอย่างไร เว็บนี้มีคำตอบให้ท่าน

 

Java Script ทำงานอย่างไร

    ถ้าพิจารณาการเขียนโปรแกรมบนเว็บทั้งหลายจะเห็นว่ามีการแปลภาษาอยู่  ลักษณะได้แก่ การแปลจาก Server Side ได้แก่ PHP, ASP, JSP กับการแปลจากเครื่อง Client หรือ Client-Side อันได้แก่ HTML, Java Script   

การเขียนโปรแกรม

    การเขียนคำสั่งของ Java script  ต้องเขียนร่วมกับภาษา HTML โดยแทรกอยู่ภายในระหว่างคำสั่ง  <Head>  กับ </Head>  หรือจะเขียนหลังจาก <Body> ก็ได้  การเขียนคำสั่งตัวอักขระพิมพ์เล็กและตัวอักขระพิมพ์ใหญ่ถือว่ามีความแตกต่างกัน (Case sensitive)

<HTML>

<HEAD>

<TITLE> Your Title   </TITLE>

   ——

   ——

</HEAD>

</HTML>

 

คำสั่งการเขียนสคริปต์ของ Java Script  เริ่มต้นด้วย

<script language=”JavaScript”>

   ——–

   ——–

และลงท้ายด้วย

</script>

มาดูตัวอย่างแรกของการเขียน Java Script

<html>

<head>

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

<script language=”JavaScript”>

<!–

document.write(“Hello World!”);

//–>

</script>

</head>

<body> สวัสดี ! </body>

</html>

 

ภาพที่ 1 ผลการทำงานของโปรแกรม

Tips

เมื่อพิจารณาจาก คำสั่ง

<!–

document.write(“Hello World!”);

//–>

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

คำสั่งเขียนข้อความบนจอภาพ

    ในการเขียนข้อความให้แสดงที่จอภาพ  มีการเขียนได้สองคำสั่ง คือ  write(“ข้อความ) และคำสั่ง writeln(“ข้อความ”)  ดูตัวอย่างจากคำสั่งต่อไปนี้ 

<HTML>

<HEAD>

<TITLE> Welcome </TITLE>

</HEAD>

<BODY>

<SCRIPT LANGUAGE=”JAVASCRIPT”>

<!–

document.write(“ยินดีต้อนรับสู่  Java Script Tutorial!”);

// –>

</SCRIPT>

</BODY>

</HTML>

    ความแตกต่างระหว่าง write() และ writeln() นั้นคือ  write เป็นการเขียนที่จอภาพ  ส่วน writeln เป็นการเขียนที่จอภาพและขึ้นบรรทัดใหม่

Document object

    Document เป็นหนึ่งใน object พื้นฐานที่ใช้กันมากของ Java Script  จากคำสั่ง

document.write(“ยินดีต้อนรับสู่  Java Script Tutorial!”);

document เป็น Object ส่วน write เป็น Method  ของ Object document เราต้องจะใช้เครื่องหมาย คั่นระหว่าง Object กับ Method    นอกจากนี้ยังมี Method อื่น ๆ อีกมาก ได้แก่

·       Method lastModified  ดูตัวอย่างต่อไปนี้ 

<script language=”JavaScript”>

document.write(“สวัสดี  ยินดีต้อนรับ Java Script Tutorial ปรับปรุงครั้งล่าสุดเมื่อ :” + document.lastModified);

</script>

    การใช้ Method lastModified เพื่อแสดงให้ผู้ชมเว็บทราบว่า เว็บของเรานั้นปรับปรุงครั้งล่าสุดเมื่อใด เราจะต้องใช้เครื่องหมาย ในการเชื่อม object ทั้งสอง

ภาพที่ 2  ผลการทำงานของโปรแกรม

Follow by Email
Facebook
GOOGLE
TWITTER
YOUTUBE