JavaScript Area Object : สอน method และ property ของ Area Object, เรียน method และ property ของ Area Object
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • id ใช้ในการกำหนดค่า หรือคืนค่า id ของ area
    alt ใช้ในการกำหนดค่า หรือคืนค่า ข้อความอธิบายรูปภาพของ area
    tabIndex ใช้ในการกำหนดค่า หรือคืนค่า ลำดับของการได้รับ focus ของการกดปุ่ม tab
    accessKey ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกด alt + key )
    target ใช้ในการกำหนดค่า หรือคืนค่า ชื่อหน้าต่าง ที่ต้องการให้แสดง page ปลายทาง
    coords ใช้ในการกำหนดค่า หรือคืนค่า พิกัดของการเชื่อมโยง
    shape ใช้ในการกำหนดค่า หรือคืนค่า พื้นที่ของการเชื่อมโยง
    noHref ใช้ตรวจสอบว่า พื้นที่มี link หรือไม่
    href ใช้ในการกำหนดค่า หรือคืนค่า page ปลายทาง
    protocol ใช้คืนค่า ประเภทของการติดต่อสื่อสารกับเครือข่าย internet
    host ใช้คืนค่า host ( domain name ) และหมายเลข port
    hostname ใช้คืนค่า host ( domain name )
    port ใช้คืนค่า หมายเลข port
    pathname ใช้คืนค่า path ตั้งแต่ root จนถึงไฟล์ของหน้าต่างที่เรียกใช้
    hash ใช้คืนค่า ชื่อของ anchor ( ที่ใช้ลิงค์ภายในหน้า page เดียวกัน )
    search ใช้คืนค่า keyword ที่ส่งไปยัง url โดยเริ่มจากเครื่องหมาย "?"
    onclick ใช้กำหนดให้ function ทำงานเมื่อ area ถูก click
    ondblclick ใช้กำหนดให้ function ทำงานเมื่อ area ถูก double click
    onmouseover ใช้กำหนดให้ function ทำงานเมื่อ mouse วางเหนือ area
    onmouseout ใช้กำหนดให้ function ทำงานเมื่อ mouse ออกนอก area
  • property :
    id;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า id ของ area

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.id );

  • property :
    alt;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ข้อความอธิบายรูปภาพของ area

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.alt );

  • property :
    tabIndex;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ลำดับของการได้รับ focus ของการกดปุ่ม tab

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.tabIndex );

  • property :
    accessKey;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกด alt + key )

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.accessKey );

  • property :
    target;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ชื่อหน้าต่าง ที่ต้องการให้แสดง page ปลายทาง

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.target );

  • property :
    coords;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า พิกัดของการเชื่อมโยง

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.coords );

  • property :
    shape;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า พื้นที่ของการเชื่อมโยง

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.shape );

  • property :
    noHref;

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า พื้นที่มี link หรือไม่

    example :
    var tagArea = document.getElementById ( "bamboo" );
    if ( tagArea.noHref )
    {
         alert ( "area no link" );
    }

  • property :
    href;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า page ปลายทาง

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.href );

  • property :
    protocol;

    return type :
    string

    content :
    ใช้คืนค่า ประเภทของการติดต่อสื่อสารกับเครือข่าย internet

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.protocol );

  • property :
    host;

    return type :
    string

    content :
    ใช้คืนค่า host ( domain name ) และหมายเลข port

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.host );

  • property :
    hostname;

    return type :
    string

    content :
    ใช้คืนค่า host ( domain name ) 

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.hostname );

  • property :
    port;

    return type :
    string

    content :
    ใช้คืนค่า หมายเลข port

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.port );

  • property :
    pathname;

    return type :
    string

    content :
    ใช้คืนค่า path ตั้งแต่ root จนถึงไฟล์ของหน้าต่างที่เรียกใช้

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.pathname );

  • property :
    hash;

    return type :
    string

    content :
    ใช้คืนค่า ชื่อของ anchor ( ที่ใช้ลิงค์ภายในหน้า page เดียวกัน )

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.hash );

  • property :
    search;

    return type :
    string

    content :
    ใช้คืนค่า keyword ที่ส่งไปยัง url โดยเริ่มจากเครื่องหมาย "?"

    example :
    var tagArea = document.getElementById ( "bamboo" );
    alert ( tagArea.search );

  • property :
    onclick = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ area ถูก click

    example :
    var tagArea = document.getElementById ( "bamboo" );
    tagArea.onload = function()
    {
         alert ( "area be clicked" );
    }

  • property :
    ondblclick = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ area ถูก double click

    example :
    var tagArea = document.getElementById ( "bamboo" );
    tagArea.ondblclick = function()
    {
         alert ( "area be double clicked" );
    }

  • property :
    onmouseover = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ mouse วางเหนือ area

    example :
    var tagArea = document.getElementById ( "bamboo" );
    tagArea.onmouseover = function()
    {
         alert ( "mouse over area" );
    }

  • property :
    onmouseout = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ mouse ออกนอก area

    example :
    var tagArea = document.getElementById ( "bamboo" );
    tagArea.onmouseout = function()
    {
         alert ( "mouse out area" );
    }

 
Share This Chapter Login with Facebook