Java script 


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

 

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


    ถ้าพิจารณาการเขียนโปรแกรมบนเว็บทั้งหลายจะเห็นว่ามีการแปลภาษาอยู่  2 ลักษณะได้แก่ การแปลจาก 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  ผลการทำงานของโปรแกรม

Prev | Home | Next