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

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • name ใช้ในการกำหนดค่า หรือคืนค่า ชื่อ ของ anchor
    id ใช้ในการกำหนดค่า หรือคืนค่า id ของ anchor
    rel ใช้ในการกำหนดค่า หรือคืนค่า ความสัมพันธ์ระหว่าง page ปัจจุบัน กับ page ปลายทาง
    href ใช้ในการกำหนดค่า หรือคืนค่า page ปลายทาง
    hreflang ใช้ในการกำหนดค่า หรือคืนค่า ภาษาที่ใช้ใน page ปลายทาง
    type ใช้ในการกำหนดค่า หรือคืนค่า ชนิด ของ anchor
    rev ใช้ในการกำหนดค่า หรือคืนค่า ความสัมพันธ์ จาก page ปลายทางเชื่อมโยงกลับสู่ page ปัจจุบัน
    charset ใช้ในการกำหนดค่า หรือคืนค่า ชุดตัวอักษร ที่ใช้ในการเชื่อมโยง
    target ใช้ในการกำหนดค่า หรือคืนค่า ชื่อหน้าต่าง ที่ต้องการให้แสดง page ปลายทาง
    innerHTML ใช้ในการกำหนดค่า หรือคืนค่า ข้อความ ที่อยู่ภายใน tag a
    tabIndex ใช้ในการกำหนดค่า หรือคืนค่า ลำดับของการได้รับ focus ของการกดปุ่ม tab
    accessKey ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกด alt + key )
    coords ใช้ในการกำหนดค่า หรือคืนค่า พิกัดของการเชื่อมโยง
    shape ใช้ในการกำหนดค่า หรือคืนค่า พื้นที่ของการเชื่อมโยง
    focus() ใช้กำหนดให้ anchor ได้รับ focus
    blur() ใช้กำหนดให้ anchor สูญเสีย focus
    onfocus ใช้กำหนดให้ function ทำงานเมื่อ anchor ได้รับ focus
    onblur ใช้กำหนดให้ function ทำงานเมื่อ anchor สูญเสีย focus
  • property :
    name;

    return type :
    string, void

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

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.name );

  • property :
    id;

    return type :
    string, void

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

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

  • property :
    rel;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ความสัมพันธ์ระหว่าง page ปัจจุบัน กับ page ปลายทาง

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.rel );

  • property :
    href;

    return type :
    string, void

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

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

  • property :
    hreflang;

    return type :
    string, void

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

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.hreflang );

  • property :
    type;

    return type :
    string, void

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

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.type );

  • property :
    rev;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ความสัมพันธ์ จาก page ปลายทางเชื่อมโยงกลับสู่ page ปัจจุบัน

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.rev );

  • property :
    charset;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ชุดตัวอักษร ที่ใช้ในการเชื่อมโยง

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.charset );

  • property :
    target;

    return type :
    string, void

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

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

  • property :
    innerHTML;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ข้อความ ที่อยู่ภายใน tag a

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    alert ( tagAnchor.innerHTML );

  • property :
    tabIndex;

    return type :
    string, void

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

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

  • property :
    accessKey;

    return type :
    string, void

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

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

  • property :
    coords;

    return type :
    string, void

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

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

  • property :
    shape;

    return type :
    string, void

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

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

  • method :
    focus ();

    return type :
    void

    content :
    ใช้กำหนดให้ anchor ได้รับ focus

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    tagAnchor.focus();

  • method :
    blur ();

    return type :
    void

    content :
    ใช้กำหนดให้ anchor สูญเสีย focus

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    tagAnchor.blur();

  • property :
    onfocus = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ anchor ได้รับ focus

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    tagAnchor.onload = function()
    {
         alert ( "anchor gain focus" );
    }

  • property :
    onblur = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ anchor สูญเสีย focus

    example :
    var tagAnchor = document.getElementById ( "bamboo" );
    tagAnchor.onblur = function()
    {
         alert ( "anchor loss focus" );
    }

 
Share This Chapter Login with Facebook