: หน้าหลัก : เกมส : HOT Free : มุขตลก : บทกลอน : ดูดวง : บริการออกแบบเว็บครบวงจร : การสร้างเว็บ : เกร็ดความรู้ : เว็บบอร์ด : เกี่ยวกับเว็บ :
หน้าแรก JAVA

รับทำเว็บไซต์ครบวงจร กับมืออาชีพ กับ webUB.com

HTML : HTML5 : PHP : Dreamweaver CS5 : ASP.net : JSP : Oracle : CSS : FileZilla (FTP) : AJAX : JAVA : Upload(FTP) : SEO :
Document Object = บทเรียน Java Script โดย พ ย า ย า ม ดอทคอม
BASIC

+ แนะนำ
+ เรื่องของตัวแปร
+ Operator
+ Statement
+ Function
+ Event
+ OOP

ADVANCE

+ Windows
+ Document Object
+ Form
+ Link
+ Image
+ Math Function
+ String

เขียนสมุดเยี่ยม
webboard
<< Back
-> Refresh
-> แจ้ง link เสีย

 


Document Object

- Document object คืออะไร
- Properties ที่บอกคุณสมบัติของ Document
- Properties ที่เป็นเนื้อหาของ Document

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

 

<< Back :: ^ top ^

 


 

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

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

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

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





<< Back :: ^ top ^

 


 

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

anchoranchor object ใน document
anchorsArray ของ anchor
appletapplet ใน document
appletsArray ของ applet
areaเป็น Object หมายถึง Image map Area ใน document
cookieให้ค่า cookies
pluginplugin ใน document
embedsarray ของ plug-in ใน document
formObject ของ form ใน Document
formsเป็น Array ของ form ใน Document
imageImage Object ใน Document
imagesArray ของ Image
linkตัว link ใน document
linksArray ของ links

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

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

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

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

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

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

<< Back :: ^ top ^

รับเขียน php asp.net vb VB.NET visual basic c# xml asp BPELcrm CRYTRAL REPORT c sharp database erp Java mrp mysql Oracle SQLServer SQL SERVER

เว็บไซต์ในเครือข่าย: SiamWebCity.com webUB.com Pyayam.com Exam.in.th
หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321 คำขอที่ 32 / 2548
Copyright © 2004 PYAYAM.com : : : . All rights reserved ®. Hosting by Baansiripatt.com