ข้อมูลองค์ความรู้โดย
กฤษณี โภโต
ตำแหน่ง ผู้จัดการ

บทที่ 9 Document Object

ประเภททางด้าน IT หลัก :   Development & Integration
ประเภททางด้าน IT ย่อย :   Java
  ลงข้อมูลเมื่อ 16:50:47 10/05/2013
  Page View (1773) แบ่งปัน

บทที่ 9 Document Object

Document object คืออะไร

Document Object หมายถึงเอกสาร HTML ที่เป็นเวบเพจที่กำลังแสดงอยู่ในหน้าต่างหลัก เป็น Propertiy ของ window (window.document) Document Object เปรียบเสมือนหน้าหนังสือ หากคุณลองเปิดหนังสือดูจะเห็น หมายเลขหน้า และ หมายเลขบท ในทาง OOP หมายเลขหน้าและหมายเลขบทเหล่านั้นก็เป็น Properties สำหรับบอกคุณสมบัติ ของหน้านั้น ว่าอยู่ในหน้าที่เท่าไหร่ บทใด นอกจากนี้ ในหน้าหนังสือยังมีเนื้อหาสาระที่ประกอบอยู่ภายใน ไม่ว่าจะเป็นเนื้อหา หัวข้อ ย่อหน้า รูปภาพ ตาราง ฯลฯ สิ่งเหล่านี้ก็นับเป็น Properties ของหน้าหนังสือเช่นกันครับ

 Document object ก็คล้ายๆกับหน้าหนังสือนั่นแหละครับ มีทั้ง Properties ที่บอกคุณสมบัติของ Document และ Properties ที่เป็นเนื่อหาภายในที่ Document บรรจุอยู่

Properties ที่บอกคุณสมบัติของ Document

URL URL ของเวบเพจ
title title ของเวบเพจ
referer URL ของเวบเพจที่ลิงก์มาที่เอกสารนี้
lastModified วันเวลาของการ Update ครั้งสุดท้าย
history เป็น list ของ URL ที่ผู้ใช้เคยผ่านไป โดยใช้ window เดียวกับเวบเพจนี้
domain domain ของเวบเพจ
alinkColor สีของ Actived links
bgColor สีของพื้นหลัง
fgColor สีของอักษรปกติ
linkColor สีของ links
vlinkColor สีของ visited links

การเขียนชื่อ properties ให้ระวังการใช้ตัวอักษรให้ดี เล็กใหญ่ต้องตรงกันนะครับ

ตัวอย่าง properties ของเพจนี้ ลองกดดูละครับ





Properties ที่เป็นเนื้อหาของ Document

anchor anchor object ใน document
anchors Array ของ anchor
applet applet ใน document
applets Array ของ applet
area เป็น Object หมายถึง Image map Area ใน document
cookie ให้ค่า cookies
plugin plugin ใน document
embeds array ของ plug-in ใน document
form Object ของ form ใน Document
forms เป็น Array ของ form ใน Document
image Image Object ใน Document
images Array ของ Image
link ตัว link ใน document
links Array ของ links

 หากคุณสังเกตสักหน่อย Properties ที่เป็นเนื้อหาของ Document หลายตัวจะจับกันเป็นคู่ๆ คือตัวที่เป็น Object และ Array ของ Object ทำให้การอ้างอิงถึง Object ที่บรรจุอยู่ใน Document 1 ตัว จะสามารถทำได้ 2 วิธีครับ คือการระบุชื่อของ Object ลงไป เช่น

document.myform (เกิดจาก <form name="myform"...)
document.myimage (เกิดจาก <img name="myimage"...)

อีกวิธีหนึ่งคือการระบุ Index ใน Array ที่เก็บอ็อบเจกต์นั้นอยู่ เช่น

document.form[0]
document.images[3]

เรื่อง document object ขอจบแต่เพียงเท่านี้ครับ หากท่านต้องการเนื้อหา ที่ละเอียดกว่านี้ก็สามารถติดตามได้ ในหนังสือครับ

 ที่มาจาก : http://realdev.truehits.net




องค์ความรู้ที่มีผู้อ่านมากสุด
สร้าง BarCode จาก Java โดยใช้ lib ของ ZXing ( Open Source )
สร้าง BarCode จาก Java โดยใช้ lib ของ ZXing ( Open Source )

โดย... กฤษณี โภโต

บทที่ 13 Math Function
ในการเขียนโปรแกรม มีบางครั้งที่เราต้องอาศัยการคำนวณทางคณิตศาสตร์ JavaScript ก็มีคุณสมบัติในการคำนวณทางคณิตศาสตร์กะเค้าเหมือนกันครับ

โดย... กฤษณี โภโต

บทที่ 2 เรื่องของตัวแปร JavaScript
JavaScript ก็เหมือนภาษาที่ใช้เขียนโปรแกรมทั่วไป ตรงที่มีตัวแปรสำหรับเก็บค่า จากส่วนหนึ่งของ Program แล้วก็เอาไปใช้ในส่วนอื่นๆได้ ตัวแปรก็คือ ชื่อที่เรากำหนดขึ้นมาสำหรับเก็บค่า อย่างเช่น เราอาจกำหนดตัวแปรชื่อว่า imageName เพื่อไปเก็บชื่อไฟล์ภาพๆหนึ่ง หรือ อาจกำหนดให้ amount ไปเก็บจำนวนเต็ม เป็นต้น

โดย... กฤษณี โภโต

บทที่ 6 Event Java
Event คืออะไร

โดย... กฤษณี โภโต

บทที่ 14 String
ไม่ว่าจะเขียนโปรแกรมด้วยภาษาใด การจัดการกับ String ก็เป็นความสามารถที่ขาดไม่ได้ ใน JavaScript ก็เช่นกัน

โดย... กฤษณี โภโต

บทที่ 10 Form Java
คุณคงเคยพบกับ Banner ข้างบนนี้มาก่อนนะครับ เจ้านี่แหละ มันเกิดจากการนำ object form ไปประยุกต์ ใช้ กับ setTimeout ในบทที่ผ่านมา และ นอกจากนี้แล้ว Form ยังมีคุณสมบัติน่าสนใจอีกมาก ทั้ง Button Checkbox radio ฯลฯ รวมทั้ง text ที่อยู่ข้างบนนี้ด้วยครับ

โดย... กฤษณี โภโต

บทที่ 12 Images
บทที่ 12 Images

โดย... กฤษณี โภโต

บทที่ 7 OOP for JavaScript
Object เป็นความสามารถที่สำคัญอย่างหนึ่งของ JavaScript เรียกได้ว่าเป็นพระเอกของเรื่องเลยเชียวนะ หน้านี้ผมจะแนะนำให้รู้จักกับ Object ก่อนว่าเป็นอย่างไรนะครับ

โดย... กฤษณี โภโต

บทที่ 11 Links
บทที่ 11 Links

โดย... กฤษณี โภโต

บทที่ 3 Operator in JavaScript
บทที่ 3 Operator in JavaScript

โดย... กฤษณี โภโต