ไม่ว่าโหนดจะมี dom และ bom หรือไม่

โหนดไม่มี dom และ bom bom หมายถึงโมเดลออบเจ็กต์ของเบราว์เซอร์ bom หมายถึงโมเดลออบเจ็กต์เอกสาร และโหนดใช้ ecmascript สำหรับการเข้ารหัส และไม่มีเบราว์เซอร์หรือเอกสาร เป็นแพลตฟอร์มสภาพแวดล้อมที่ JavaScript ทำงานที่ด้านหลัง สิ้นสุด ดังนั้นโหนดจะไม่รวม dom และ bom

สภาพแวดล้อมการทำงานของบทความนี้: ระบบ Windows 10, nodejs เวอร์ชัน 16, คอมพิวเตอร์ Dell G3

โหนดไม่มี dom และ bom

การเข้ารหัสโดยใช้ ecmascript ใน node.js

ไม่มี bom และ dom ซึ่งแตกต่างจาก js ในเบราว์เซอร์

ขั้นแรกให้ชี้แจงสองประเด็นให้ชัดเจน:

1. BOM (Browser Object Model) หมายถึงโมเดลออบเจ็กต์ของเบราว์เซอร์ ซึ่งสามารถเข้าถึงและใช้งานหน้าต่างเบราว์เซอร์ได้

2. DOM (Document Object Model) หมายถึงโมเดลออบเจ็กต์เอกสาร ซึ่งสามารถเข้าถึงองค์ประกอบทั้งหมดของเอกสาร HTML ได้

โปรดดูคำถามของคุณสามารถตอบได้จากสองประเด็นข้างต้น

ไม่มีเบราว์เซอร์หรือเอกสารประกอบในโหนด Node เป็นภาษาแบ็คเอนด์ คล้ายกับ PHP

หากคุณต้องการใช้วัตถุ BOM และ DOM ใน NODE คุณสามารถลองใช้ Electron ได้

อิเล็กตรอน: ใช้ JavaScript, HTML และ CSS เพื่อสร้างแอปพลิเคชันเดสก์ท็อปข้ามแพลตฟอร์ม (สามารถใช้ BOM และ DOM ได้ที่นี่)

ขยายความรู้

1. DOM Document Object Model: เป็นอินเทอร์เฟซการเขียนโปรแกรมมาตรฐานสำหรับการประมวลผลภาษามาร์กอัปที่ขยายได้ที่แนะนำโดยองค์กร W3C

DOM (Document Object Model) คือ Application Programming Interface (API) สำหรับ HTML และ XML

เอกสาร HTML สามารถกล่าวได้ว่าเป็นชุดของโหนด โหนด DOM ประกอบด้วย: โหนดองค์ประกอบ โหนดข้อความ และโหนดแอตทริบิวต์ (เช่น แท็กองค์ประกอบ)

2. โมเดลออบเจ็กต์ของเบราว์เซอร์ BOM: โมเดลที่ใช้อธิบายความสัมพันธ์แบบลำดับชั้นระหว่างออบเจ็กต์ โมเดลออบเจ็กต์ของเบราว์เซอร์มีโครงสร้างออบเจ็กต์ที่ไม่ขึ้นกับเนื้อหาและสามารถโต้ตอบกับหน้าต่างเบราว์เซอร์ได้

BOM เกี่ยวข้องกับหน้าต่างและเฟรมของเบราว์เซอร์เป็นหลัก แต่บ่อยครั้งที่ส่วนขยาย JavaScript เฉพาะเบราว์เซอร์จะถือว่าเป็นส่วนหนึ่งของ BOM

BOM มี DOM (วัตถุ)

javacsript เข้าถึง ควบคุม และแก้ไขไคลเอนต์ (เบราว์เซอร์) โดยการเข้าถึงอ็อบเจ็กต์ BOM (Browser Object Model)

3. โหนดแอตทริบิวต์ nodeName ชื่อโหนด nodeType;

ลักษณะและวิธีการของโหนดโหนด

firstChild //Node ชี้ไปที่โหนดแรกในรายการ childNodes LastChild //Node ชี้ไปที่โหนดสุดท้ายในรายการ childNodes parentNode //Node ชี้ไปที่โหนดหลัก OwnerDocument //Document ชี้ไปที่เอกสารที่สิ่งนี้ โหนดเป็น firstChild / /Node ชี้ไปที่โหนดแรกในรายการ childNodes LastChild //Node ชี้ไปที่โหนดสุดท้ายในรายการ childNodes parentNode //Node ชี้ไปที่โหนดหลัก childNodes //NodeList รายการของเด็กทั้งหมด nodes PreviousSibling /Node, / ชี้ไปที่โหนดพี่น้องก่อนหน้า: หากโหนดนี้เป็นโหนดแรก ดังนั้นค่าจะเป็นโมฆะ `nextSibling` //โหนด ชี้ไปที่โหนดพี่น้องถัดไป: หากโหนดนี้เป็นโหนดสุดท้าย จากนั้น ค่าเป็นโมฆะ `hasChildNodes() ` //Boolean คืนค่าจริงเมื่อ childNodes มีหนึ่งโหนดขึ้นไป

3. DOM มีโมเดลเหตุการณ์สองแบบในเวลาเดียวกัน: เหตุการณ์ที่เดือดปุด ๆ และการจับเหตุการณ์

เหตุการณ์ที่เดือดพล่าน: เหตุการณ์จะถูกทริกเกอร์ตามลำดับจากเป้าหมายเหตุการณ์ที่เจาะจงที่สุดไปยังเป้าหมายเหตุการณ์ที่เจาะจงน้อยที่สุด

(ลำดับการทริกเกอร์คือ: div, body, html (IE 6.0 และ Mozilla 1.0), เอกสาร, หน้าต่าง (Mozilla 1.0))

การบันทึกเหตุการณ์: กระบวนการที่ตรงกันข้ามกับเหตุการณ์ที่เดือดปุด ๆ จะถูกทริกเกอร์จากออบเจ็กต์ที่มีความแม่นยำน้อยที่สุด จากนั้นจึงไปยังลำดับที่แม่นยำที่สุด

การเรียนรู้ที่แนะนำ: "วิดีโอสอน nodejs"

ข้างต้นคือรายละเอียดว่าโหนดมี dom และ bom หรือไม่ สำหรับข้อมูลเพิ่มเติม โปรดอ่านบทความอื่นๆ ที่เกี่ยวข้องบนเว็บไซต์นี้