Method  ที่เกี่ยวกับสีและสีพื้น  เราสามารถใส่สีพื้นและสีที่ตารางได้  ดังตัวอย่าง

<script language="JavaScript">

document.bgColor="black"

document.fgColor="#336699"

</script> 

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

กล่องข้อความ (Message Box)


    กล่องข้อความที่เราพบโดยทั่วไปในการท่องเว็บนั้น มีวิธีการเขียนง่าย ๆ ซึ่งโดยทั่วไปผู้พัฒนาเว็บจะนิยมใช้ Java Script ในการเขียนคำสั่ง ซึ่งสามารถจำแนกกล่องข้อความได้  3 ชนิดได้แก่ การเตือน (Alert)  ใช้สำหรับการขึ้นขอความเตือน ให้ผู้ใช้ระมัดระวัง หรือบอกกล่าวไปยังผู้ใช้ให้ทราบ  พิจารณาคำสั่งต่อไปนี้



<script >

window.alert("You can’t access to server!")

</script> 


    เราสามารถใส่ข้อความอะไรก็ได้ที่ต้องการสื่อสารไปยังผู้เข้ามายังเว็บของเรา


 

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


        การยินยัน (Confirm)  เพื่อให้ผู้ใช้ยืนยันในกรณีที่ผู้ใช้อาจเผอเรอคลิกปุ่มโดยไม่ได้ตั้งใจ  เช่น ผู้ใช้กดปุ่มเพื่อลบข้อมูล หรือการออกจากโปรแกรม


<script >

window.confirm("Are you sure you want to quit?")

</script>

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


การสร้าง Text box พร้อม (Prompt)  เพื่อให้ผู้ใช้ป้อนข้อมูลก่อนเข้าไปยังระบบหรือเข้าหน้าเว็บ ดูตัวอย่าง

ตัวอย่าง

<script >

window.prompt("please enter user name")

</script>


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


การใช้ตัวแปรและเงื่อนไข


    การใช้ตัวแปรและเงื่อนไขของ Java Script จะมีการประกาศตัวแปรคล้ายคลึงกับภาษา C เริ่มต้นด้วยการเขียนด้วยการประกาศว่า var แล้วตามด้วยชื่อตัวแปร เช่น var x= confirm("Are you sure you want to delete")   หรือ  y = 3.414;  ดูตัวอย่าง ต่อไปนี้


<script>

var x=window.confirm("Are you sure you want to delete")

 

if (x)

    window.alert("Thank you.")

else

    window.alert("Good choice.")

</script> 


    ถ้าพิจารณาจากโปรแรกมด้านบน    การประกาศตัวแปร x จะเก็บ คำสั่ง window.confirm และข้อความที่อยู่ภายในเครื่องหมายคำพูด ซึ่งถ้าย้อนกลับไปดู การทำ Message Box จะเห็นว่าเป็นการตัวแปร x เก็บ Message Box ชนิดให้ผู้ใช้ยืนยันโดยจะมีปุ่มให้ผู้ใช้กด 2 ปุ่ม ได้แก่ OK และ Cancel   เมื่อผู้ใช้กดปุ่ม OK ตัวแปร  x เป็นจริง โปรแกรมจะกระทำเงื่อนไขถัดมาจาก if (x) โดยจะแสดง Message Box ข้อความ Thank you แต่ถ้าผู้ใช้กดปุ่ม Cancel  x จะเป็นเท็จโปรแกรมจะกระทำที่เงื่อนไขหลัง else

 

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

 

Prev | Home | Next