.
JS001  ความรู้เบื้องต้นเกี่ยวกับจาวาสคริปต์
JS002 รูปแบบการเขียนจาวาสคริปต์
JS003 คำสั่งกำหนดเงื่อนไข
JS004 การเขียนฟังก์ชั่นแบบมี
         
 พารามิเตอร์

  
Recursive Function
  
การแสดงข้อความบน Status bar
  
การกำหนดเวลาในการทำงาน

JS005 เทคนิคพิเศษสำหรับ
          
Internet Explorer และ รูปภาพ

JS006 การสร้างแบบฟอร์มเอกสาร
           (
Form )

JS007 การเขียนโปรแกรมเพื่ออ่าน
          
Source Code

JS008 สรุปคำสั่งจาวาสคริปต์
JS009 เทคนิคพิเศษ
          Test           



 
 
 

 
     จาวาสคริปต์         

การเขียนฟังก์ชั่นแบบมีพารามิเตอร์  

                  การเขียนฟังก์ชั่นที่กำหนดให้มีการเรียกใช้ตัวแปรอีกครั้งหนึ่ง ต้องมีการกำหนดให้พารามิเตอร์เข้ามาช่วยในการเขียนฟังก์ชั่นนั้น จะมีรูปแบบดังนี้คือ
function…….(ตัวแปร,ตัวแปร,…..)
                     {
                     คำสั่ง;
                     ……
                     }

Recursive Function

                 การเขียนโปรแกรมในลักษณะที่ต้องมีการเรียกฟังก์ชั่น เป็นการเขียนในลักษณะที่ต้องเรียกใช้การทำงานลักษณะใดลักษณะหนึ่งอยู่บ่อยครั้ง แต่ในขณะเดียวกันถ้าภายในฟังก์ชั่นต้องการเรียกใช้ฟังก์ชั่นอื่น ๆ ก็สามารถที่จะเรียกใช้ได้เช่นเดียวกัน
                              ตัวอย่าง  การเขียนโปรแกรมจาวาสคริปต์ แสดงการเรียกใช้ฟังก์ชั่นหนึ่ง จากอีกฟังก์ชั่นหนึ่งและ การย้อนกลับของค่าตัวแปร

                  <html>
                              <head>
                                             <title> การเขียนโปรแกรมจาวาสคริปต์ แบบ Recursive Function </title>
                                             <script language=javascript>
                                              var x,y,ans;
                                              function getdata()
                                              {
                                              x=prompt(”โปรดใส่ตัวเลขที่ต้องการ”,””);
                                              ans=l;
                                              fac (x);
                                              alert(“คำตอบคือ”+ans);
                                              }
                              function fac (x)
                                              {
                                              if (x==l)

                                                    {
                                                    return (l);
                                                    }
                                                    else {
                                                               ans = x*fac (x-1);
                                                               }
                                                    return (ans);
                                                    }
                                               </script>
                               </head>
                               <body>
                               <script language=javascript>
                               document.write (“การเขียนโปรแกรมแบบ Recurseve Function<br>”);
                               </script>
                               <a href=”javascript:getdata()” >โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
                              </body>
                   </html>
                                                                                                                                                                   

การแสดงข้อความบน Status bar

                                รูปแบบ คำสั่ง window.status = “ข้อความ”
                                ถ้าเป็น window ปัจจุบัน window.status = “ข้อความ”
                                คำสั่งนี้จะเป็นการแสดงข้อความที่ Status bar ที่อยู่ด้านล่าง window
                              
                    ตัวอย่าง 
การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่ Status bar
                               
                  <html>
                              <head>
                                             <title> การเขียนโปรแกรมจาวาสคริปต์ แสดงข้อความบน Status bar </title>
                                             <script language=javascript>
                                             function showstatus()
                                                      {
                                                      x=prompt (“โปรดกรอกข้อความที่ต้องการแสดงบน status bar “,””);
                                                              for (I=1 ; I <=10000;I++)
                                                              {
                                                              window.status=x;
                                                              }
                                                      }
                                             </script>
                             </head>
                             <body>
                             <script language-javascript>
                             document.write (“โปรดคลิกเพื่อกรอกข้อความบน status bar”.link (“javascript:showstatus()”));
                             </script>
                             </body>
                 </html>   


                   เมื่อคลิกลิงก์เชื่อมโยงไปแล้วจะปรากฎกรอบรับข้อความ เมื่อพิมพ์ข้อความลงไปแล้วจะปรากฎข้อความดังกล่าวที่ status bar ด้านล่างจอภาพ window จะเห็นได้ว่ามีการใช้ for เพื่อวนทำงานซ้ำเพราะถ้าไม่มีคำสั่งนี้ จะมองตัวข้อความไม่ทัน แต่การใช้ for จะทำให้ไม่สามารถทำงานอย่างอื่น ๆ ที่หน้าจอได้จนกว่า for จะวนทำซ้ำจนเสร็จ ดังนั้นถ้าต้องการให้มีการแสดงข้อความที่ status bar ก็จะใช้วิธีการตั้งเวลาแทน

                                                                                                                                                          

 
การกำหนดเวลาในการทำงาน

                           รูปแบบ คำสั่ง setTimeout ฟังก์ชั่น”,เวลา);
                           ฟังก์ชั่น ชื่อฟังก์ชั่นก็ต้องการในการทำงานเมื่อถึงเวลา
                           เวลา เป็นตัวเลขที่มีหน่วยเป็น มิลลิวินาที (Milisecond)
                           การเขียนโปรแกรมโดยการกำหนให้มีการแสดงข้อความที่ status คงที่ตลอดเวลา หรือสามารถให้ข้อความมีการเคลื่อนที่ได้เช่นกัน

                           ตัวอย่าง การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่ status bar โดยให้ข้อความปรากฎคงที่ตลอดเวลา
                         
                <html>
                             <head>
                                            <title> การเขียนโปรแกรมจาวาสคริปต์ แบบกำหนดเวลาในการทำงาน </title>
                                            <script language=javascript>
                                             var text;
                                             var count=0;
                                             function gettext()
                                                       {
                                                       text=prompt(“โปรดกรอกข้อความที่ต้องการแสดงที่ status bar”,””);
                                                       showstatus();
                                                       }
                                             function showstatus()
                                                       {
                                                       a=text.substring(count,text.length);
                                                       window.status=a;
                                                       setTimeout(“showstatus()”,0);
                                                       }
                                             </script>
                            </head>
                            <body>
                            <script language=javascript>
                            document.write(“การเขียนโปรแกรมแสดงข้อความบน status bar <br>”);
                            </script>
                            <a href=”javascript:gettext()”>โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
                            </body>
               </html>

                              ตัวอย่าง   การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่ status bar โดยให้ข้อความปรากฎมีการเคลื่อนที่จากขวาไปซ้ายจนสุด
                         
              <html>
                          <head>
                                         <title> การเขียนโปรแกรมจาวาสคริปต์ แสดงข้อความเคลื่อนไหวที่ status bar
              </title>
                                         <scrip language=javascript>
                                          var text;
                                          var count=0;
                                          function gettext()
                                                      {
                                                      text=prompt (“โปรดกรอกข้อความที่ต้องการแสดงที่ status bar”,””);
                                                      showstatus();
                                                      }
                                          funciton showstatus()
                                                      {
                                                      a=text.substring(count ,text.length);
                                                      if (count<text.length)
                                                              {
                                                              count++;
                                                              }
                                                              else
                                                                      {
                                                                      coung=0;
                                                                      }
                                                      window.status=a;
                                                      setTimeout(“showstatus()”,350);
                                                      }
                                           </script>
                            </head>
                            <body>
                            <script language=javascript>
                            document.write(“การเขียนโปรแกรมแสดงข้อความบน status bar <br>”);
                            </script>
                            <a href=”javascript:gettext()”> โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
                            </body>
               </html>

                                   ตัวอย่าง     การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่   status bar  โดยให้ข้อความปรากฎมีการเคลื่อนที่จากขวาไปซ้ายจนสุด แล้วให้วนมาเริ่มต้นใหม่
                         
               <html>
                           <head>
                                          <title> การเขียนโปรแกรมจาวาสคริปต์ ให้ข้อความเคลื่อนไหวบน status bar </title>
                                          <script language=javascript>
                                           var text;
                                           var count=0;
                                           function gettext()
                                                     {
                                                     text=prompt(“โปรดกรอกข้อความที่ต้องการแสดงที่ status bar”,””);
                                                     showstatus();
                                                      }
                                           function showstatus()
                                                     {
                                                     a=text.substring(count,text.length)+” “+ text.substring(0,count);
                                                     if (count<text.length)
                                                               {
                                                               count++;
                                                               }
                                                               else
                                                                         {
                                                                         count=0;
                                                                         }
                                                               window.status=a;
                                                               setTimeout (“showstatus()”,350);
                                                               }
                                           </script>
                           </head>
                           <body>
                           <script language=javascript>
                           document.write(“การเขียนโปรแกรมแสดงข้อความเคลื่อนไหวบน status bar <br>”);
                           </script>
                           <a href=”javascript:gettext()”>โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
                           </body>
               </html>

                             ตัวอย่าง    การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่ status bar โดยให้ข้อความปรากฎมีการเคลื่อนที่จากด้านซ้ายมาทีละตัวจนหมดข้อความ แล้วให้เริ่มต้นใหม่
                 
               <html>
                           <head>
                                          <title> การเขียนโปรแกรมจาวาสคริปต์ ให้ข้อความขึ้นทีละตัวบน status bar <title>
                                          <script language=javascript>
                                           var text;
                                           var count=0;
                                           function gettext()
                                                 {
                                                 text=prompt(“โปรดกรอกข้อความที่ต้องแสดงที่ status bar”,””);
                                                 showstatus();
                                                 }
                                          function showstatus()
                                                {
                                                //a=lext.substring (count,0);
                                                if (count <text.length)
                                                            {
                                                            count++;            
                                                            }
                                                            else
                                                                    {
                                                                    count=0;
                                                                    }
                                               for (I=1;I<=text.length;I++)
                                                            {a=text.substring(count,1);
                                                            }
                                               window.status=a;
                                               setTimeout(“showstatus()”,350);
                                               }
                                         </script>
                           </head>
                           <body>
                           <script language=javascript>
                           document.write(การเขียนโปรแกรมแสดงข้อความเคลื่อนไหวบน status bar <br>”);
                           </script>
                           <a href=”javascrip:gettext()”>โปรดคลิกเพื่อเข้าสู่โปรแกรม</a>
                </html>

                                ตัวอย่าง   การเขียนโปรแกรมจาวาสคริปต์ เพื่อแสดงข้อความที่ status bar โดยให้ข้อความปรากฎมีการเคลื่อนที่จากด้านขวาสุดของ status bar มาทางซ้ายสุดจนหมดข้อความ แล้วให้เริ่มต้นใหม่

                <html>
                             <head>
                                            <title> การเขียนโปรแกรมจาวาสคริปต์ ให้แสดงข้อความจากด้านท้ายของ status bar </title>
                                            <script language=javascript>
                                             var text;
                                             var count=0;
                                             function gettext()
                                                    {
                                                    text=prompt(“โปรดกรอกข้อความที่ต้องการแสดงที่ status bar “,””);
                                                    if (text.length<250)
                                                           {
                                                           for (I=1;I<=150-text.length;I++)
                                                                     {
                                                                     tex” “ +text;
                                                                     }
                                                             }
                                                    showstatus();
                                                    }
                                             function showstatus()
                                                   {
                                                   a=text.substring(count,text.length)+ “ “+text.substring(0,count);
                                                   if(count<text.length)
                                                             {
                                                             count++;
                                                             }
                                                             else
                                                                      {
                                                                      count=0:
                                                                      }
                                                    window.status=a;
                                                    setTimeout(“showstatus()”,350);
                                                    }
                                             </script>
                            </head>
                            <body>
                            <script language=javascript>
                            document.write(“การเขียนโปรแกรมแสดงข้อความเคลื่อนไหวบน status bar <br>”);
                            </script>
                            <a href=”javascript:getext()”>โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
                            </body>
                </html>

                                                                                                                                                          
          Test           

All Right Reserved 2003  Support IE5.0 or Higher  Best Preview 800x600 Pixels
             แนะนำติชม: ดร.ปรัชญนันท์ นิลสุข : prachyanun@hotmail.com