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

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • name ใช้ในการกำหนดค่า หรือคืนค่า ชื่อ ของ frame
    id ใช้ในการกำหนดค่า หรือคืนค่า id ของ frame
    src ใช้ในการกำหนดค่า หรือคืนค่า url ของ frame
    contentDocument ใช้คืนค่า รายละเอียด ( ข้อมูลต่างๆ ) ที่อยู่ใน frame
    longDesc ใช้คืนค่า url ที่ใช้อธิบานเนื้อหาของ frame
    noResize ใช้ตรวจสอบว่า frame สามารถปรับขนาดได้หรือไม่
    scrolling ใช้ตรวจสอบว่า frame มี scrollbar หรือไม่
    frameBorder ใช้ตรวจสอบว่า frame มี เส้นขอบ หรือไม่
    marginHeight ใช้กำหนดค่า หรือคืนค่า ความสูงของ frame
    marginWidth ใช้กำหนดค่า หรือคืนค่า ความกว้างของ frame
    focus() ใช้กำหนดให้ frame ได้รับ focus
    blur() ใช้กำหนดให้ frame สูญเสีย focus
    onfocus จะทำงานตาม function ที่กำหนด เมื่อ frame ได้รับ focus
    onblur จะทำงานตาม function ที่กำหนด เมื่อ frame สูญเสีย focus
    history ใช้อ้างถึง History Object
    location ใช้อ้างถึง Location Object หรือ กำหนดค่า หรือคืนค่า url ของหน้าต่าง
    document ใช้อ้างถึง Document Object
  • property :
    name;

    return type :
    string, void

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

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

  • property :
    id;

    return type :
    string, void

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

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

  • property :
    src;

    return type :
    string, void

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

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.src = "http://www.bamboolabcode.com";

  • property :
    contentDocument;

    return type :
    string

    content :
    ใช้คืนค่า รายละเอียด ( ข้อมูลต่างๆ ) ที่อยู่ใน frame

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    alert ( tagFrame.contentDocument );

  • property :
    longDesc;

    return type :
    string

    content :
    ใช้คืนค่า url ที่ใช้อธิบานเนื้อหาของ frame

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    alert ( tagFrame.longDesc );

  • property :
    noResize;

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า frame สามารถปรับขนาดได้หรือไม่

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    if ( tagFrame.noResize )
    {
         alert ( "frame resizable" );
    }

  • property :
    scrolling;

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า frame มี scrollbar หรือไม่

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    if ( tagFrame.scrolling )
    {
         alert ( "frame scrollable" );
    }

  • property :
    frameBorder;

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า frame มี เส้นขอบ หรือไม่

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    if ( tagFrame.frameBorder )
    {
         alert ( "frame borderable" );
    }

  • property :
    marginHeight;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ความสูงของ frame

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.marginHeight = "20px";

  • property :
    marginWidth;

    return type :
    string, void

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

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.marginWidth = "20px";

  • method :
    focus ();

    return type :
    void

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

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

  • method :
    blur ();

    return type :
    void

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

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

  • property :
    onfocus = function;

    return type :
    void

    content :
    จะทำงานตาม function ที่กำหนด เมื่อ frame ได้รับ focus

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.onfocus = function ()
    {
         alert ( "welcome" );
    }

  • property :
    onblur = function;

    return type :
    void

    content :
    จะทำงานตาม function ที่กำหนด เมื่อ frame สูญเสีย focus

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.onblur = function ()
    {
         alert ( "good bye" );
    }

  • property :
    history;

    return type :
    history

    content :
    ใช้อ้างถึง History Object

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.history.back();

  • property :
    location;

    return type :
    location, string, void

    content :
    ใช้อ้างถึง Location Object หรือ กำหนดค่า หรือคืนค่า url ของหน้าต่าง

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.location.reload();

  • property :
    document;

    return type :
    document

    content :
    ใช้อ้างถึง Document Object

    example :
    var tagFrame = document.getElementById ( "bamboo" );
    tagFrame.document.write ( "website bamboolabcode" );

 
Share This Chapter Login with Facebook