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

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • id ใช้ในการกำหนดค่า หรือคืนค่า id ของ body
    background ใช้ในการกำหนดค่า หรือคืนค่า url ของรูปภาพ ที่เป็นพื้นหลังของ web page
    bgColor ใช้กำหนดค่า หรือคืนค่า สีพื้นหลังของ web page
    text ใช้กำหนดค่า หรือคืนค่า สีของข้อความของ web page
    link ใช้กำหนดค่า หรือคืนค่า สีของ link ที่ยังไม่ถูกคลิก
    vLink ใช้กำหนดค่า หรือคืนค่า สีของ link ที่เคยถูกคลิกแล้ว
    aLink ใช้กำหนดค่า หรือคืนค่า สีของ link ที่กำลังถูกคลิก
    accessKey ใช้กำหนดค่า หรือคืนค่า คีย์ลัด ( คีย์ลัด คีย์ของ alt + key )
    scrollLeft ใช้กำหนดค่า หรือคืนค่า ตำแหน่งของ scrollbar ในแกน x
    scrollTop ใช้กำหนดค่า หรือคืนค่า ตำแหน่งของ scrollbar ในแกน y
    clientWidth ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยไม่รวม scrollbar
    clientHeight ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยไม่รวม scrollbar
    scrollWidth ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยรวม scrollbar
    scrollHeight ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยรวม scrollbar
    innerWidth ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยไม่รวม scrollbar
    innerHeight ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยไม่รวม scrollbar
    offsetWidth ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยรวม scrollbar
    offsetHeight ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยรวม scrollbar
  • property :
    id;

    return type :
    string, void

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

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

  • property :
    background;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า url ของรูปภาพ ที่เป็นพื้นหลังของ web page

    example :
    var tagBody = document.getElementById ( "bamboo" );
    tagBody.background = "images/bamboolabcode.jpg";

  • property :
    bgColor;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า สีพื้นหลังของ web page

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.bgColor );

  • property :
    text;

    return type :
    string, void

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

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.text );

  • property :
    link;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า สีของ link ที่ยังไม่ถูกคลิก

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.link );

  • property :
    vLink;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า สีของ link ที่เคยถูกคลิกแล้ว

    example :
    var tagBody = document.getElementById ( "bamboo" );
    tagBody.vLink = "#ffcc00";

  • property :
    aLink;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า สีของ link ที่กำลังถูกคลิก

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.aLink );

  • property :
    accessKey;

    return type :
    string, void

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

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

  • property :
    scrollLeft;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ตำแหน่งของ scrollbar ในแกน x

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.scrollLeft );

  • property :
    scrollTop;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ตำแหน่งของ scrollbar ในแกน y

    example :
    var tagBody = document.getElementById ( "bamboo" );
    alert ( tagBody.scrollTop );

  • property :
    clientWidth;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยไม่รวม scrollbar

    example :
    alert ( document.body.clientWidth );

  • property :
    clientHeight;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยไม่รวม scrollbar

    example :
    alert ( document.body.clientHeight );

  • property :
    scrollWidth;

    return type :
    string, void

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

    example :
    alert ( document.body.scrollWidth );

  • property :
    scrollHeight;

    return type :
    string, void

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

    example :
    alert ( document.body.scrollHeight );

  • property :
    innerWidth;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ความกว้างของหน้าต่าง โดยไม่รวม scrollbar

    example :
    alert ( document.body.innerWidth );

  • property :
    innerHeight;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ความสูงของหน้าต่าง โดยไม่รวม scrollbar

    example :
    alert ( document.body.innerHeight );

  • property :
    offsetWidth;

    return type :
    string, void

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

    example :
    alert ( document.body.offsetWidth );

  • property :
    offsetHeight;

    return type :
    string, void

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

    example :
    alert ( document.body.offsetHeight );

 
Share This Chapter Login with Facebook