แอตทริบิวต์ HTML DOM ที่ลากได้จะคืนค่า/ตั้งค่าบูลีนโดยระบุว่าองค์ประกอบสามารถลากได้หรือไม่ หมายเหตุ − ลิงก์และรูปภาพสามารถลากได้ตามค่าเริ่มต้น เรามาดูตัวอย่างของ HTML ที่ลากได้ แอตทริบิวต์ - ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML DOM draggable</title> <s
โปรแกรมแก้ไข HTML เป็นเครื่องมือในการเขียนและเรียกใช้ (ในบางกรณี) เอกสาร HTML มีเครื่องมือแก้ไข HTML ระดับมืออาชีพหลายตัวสำหรับผู้ใช้ (ทั้งแบบชำระเงินและแบบไม่ชำระเงิน) ฟีเจอร์เสริมบางอย่างมีให้ในโปรแกรมแก้ไข HTML อื่นที่ไม่ใช่ Notepad เช่น ธีม การสนับสนุนเทอร์มินัล ฯลฯ ต่อไปนี้เป็นตัวแก้ไข HTML ท
ก่อนที่จะย้ายไปยังความแตกต่างระหว่างคำที่กว้างกว่าทั้งสองนี้ก่อนอื่น จำเป็นต้องกำหนดภาษามาร์กอัปเป็นคำย่อสำหรับ HTML คือ Hyper Text Mark-up Language โดยที่ภาษามาร์กอัปใช้เพื่อกำหนดเอกสารข้อความภายในแท็กซึ่งกำหนดโครงสร้าง ของหน้าเว็บ ดังนั้น HTML คือการรวมกันของไฮเปอร์เท็กซ์และภาษามาร์กอัป ตามที่เข้า
:โฟกัส :focus selector ใช้สำหรับนำสไตล์ที่ต้องการไปใช้เมื่อองค์ประกอบฟอร์มต้องโฟกัส เช่น ปุ่ม, ลิงค์, ช่องใส่ข้อมูล องค์ประกอบสามารถรับโฟกัสได้โดยใช้เมาส์หรือใช้ปุ่มแท็บ การโฟกัสจะยังคงอยู่ที่องค์ประกอบนั้นจนกว่าองค์ประกอบอื่นจะได้รับการโฟกัส :ใช้งานอยู่ :active selector ใช้เพื่อระบุว่าแท็กสมอทำงา
อีเมล HTML ก็เป็นอีเมลเช่นกัน แต่มีรูปแบบที่คล้ายกัน เช่น หน้าเว็บ โดยใช้กราฟิก สี ลิงก์ และคอลัมน์ตาราง ตอนนี้ ลองนึกภาพจดหมายข่าวใดๆ ที่คุณได้รับจากบริการก่อนหน้านี้ นั่นคือลักษณะของอีเมล HTML ในขณะที่ข้อความธรรมดาคืออีเมลที่มีเฉพาะข้อความ ลองนึกภาพการสื่อสารทางอีเมลระหว่างสำนักงานทั่วไป นั่นคือลั
คุณสมบัติความกว้างของวิดีโอ HTML DOM ส่งกลับ/ตั้งค่าตัวเลขที่สอดคล้องกับความกว้าง (เป็นพิกเซล) ของสื่อ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - กลับ ความกว้าง เป็นตัวเลข (px) mediaObject.width การตั้งค่าความกว้างเป็นตัวเลข (px) mediaObject.width = number เรามาดูตัวอย่างความกว้างของวิดีโอ ทรัพย์สิน − ตัวอ
คุณสมบัติ HTML DOM WheelEvent deltaX ส่งคืนหมายเลขที่มีลายเซ็นซึ่งสอดคล้องกับว่าผู้ใช้เลื่อนไปทางซ้ายหรือขวา หากผู้ใช้เลื่อนไปในทิศทางอื่น คุณสมบัตินี้จะคืนค่า 0 ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งคืนหมายเลขพร้อมลายเซ็น event.deltaX ให้เราดูตัวอย่างของ HTML DOM WheelEvent deltaX ทรัพย์สิน − ตัวอย
คุณสมบัติ HTML DOM WheelEvent deltaY ส่งคืนหมายเลขที่มีลายเซ็นซึ่งสอดคล้องกับว่าผู้ใช้กำลังเลื่อนขึ้นหรือลง หากผู้ใช้เลื่อนไปในทิศทางอื่นที่คุณสมบัตินี้จะคืนค่า 0 ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งคืนหมายเลขพร้อมลายเซ็น event.deltaY ตัวอย่าง ให้เราดูตัวอย่างของคุณสมบัติ HTML DOM WheelEvent deltaY
คุณสมบัติปิดหน้าต่าง HTML DOM ส่งคืนค่าบูลีนที่สอดคล้องกับสถานะของหน้าต่างปิดหรือไม่ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - คืนค่าบูลีน window.closed ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติปิดหน้าต่าง HTML DOM − <!DOCTYPE html> <html> <head> <title>HTML DOM Window closed</title>
คุณสมบัติ HTML DOM Window frameElement ส่งคืนองค์ประกอบ HTML ที่สอดคล้องกับหน้าต่างที่ฝังไว้ เช่น , หรือ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งคืนองค์ประกอบการฝังหน้าต่าง window.frameElement ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติ HTML DOM Window frameElement - <!DOCTYPE html> <html> <hea
คุณสมบัติเฟรม HTML DOM Window ส่งคืนอ็อบเจ็กต์ที่สอดคล้องกับหน้าต่าง ซึ่งแสดงถึงเฟรมทั้งหมดที่มีอยู่ในนั้น ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - กำลังคืนเฟรมในหน้าต่างปัจจุบัน window.frames ให้เรามาดูตัวอย่าง HTML DOM Window frames ทรัพย์สิน − ตัวอย่าง <!DOCTYPE html><html> <head> <
คุณสมบัติ HTML DOM localStorage ช่วยให้ผู้ใช้สามารถจัดเก็บคู่ของคีย์-ค่าในเบราว์เซอร์ในเครื่องเองเพื่อใช้อ้างอิงในอนาคต คู่คีย์-ค่าจะไม่สูญหายจนกว่าจะมีการลบ/ล้างอย่างชัดแจ้ง ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - Window.localStorage ที่นี่ localStorage สามารถมีคุณสมบัติ/วิธีการดังต่อไปนี้ - setItem(key
คุณสมบัติตัวเปิดหน้าต่าง HTML DOM คืนค่าการอ้างอิงไปยังหน้าต่างหลักที่เปิดใช้/สร้างหน้าต่างย่อยโดยใช้ open() ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งคืนข้อมูลอ้างอิงของหน้าต่างหลัก window.opener ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติ HTML DOM Window opener - <!DOCTYPE html> <html> <head>
คุณสมบัติหลัก HTML DOM Window ส่งกลับการอ้างอิงไปยังหน้าต่างหลักของหน้าต่างย่อย ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งคืนข้อมูลอ้างอิงของหน้าต่างหลัก window.parent ตัวอย่าง ให้เราดูตัวอย่างคุณสมบัติหลักของ HTML DOM Window - <!DOCTYPE html> <html> <head> <title>HTML DOM Window
HTML DOM Window stop() ให้ฟังก์ชันแก่ผู้ใช้ในการหยุดโหลดทรัพยากรของหน้าต่างโดยไม่ต้องคลิกปุ่มหยุดของเบราว์เซอร์ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - window.stop() ตัวอย่าง ให้เราดูตัวอย่างของ HTML DOM Window stop() วิธีการ - <!DOCTYPE html> <html> <head> <title>HTML DOM Window st
คุณสมบัติอัตราการเล่นวิดีโอ HTML DOM ส่งกลับ/ตั้งค่าตัวเลขที่สอดคล้องกับอัตราการเล่นสื่อในปัจจุบัน ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - กำลังส่งคืน อัตราการเล่น เป็นตัวเลข mediaObject.playbackRate การตั้งค่า อัตราการเล่น เป็นตัวเลข mediaObject.playbackRate = number หมายเหตุ − หมายเลข มีค่าสูงสุด 16 แล
คุณสมบัติที่เล่นวิดีโอ HTML DOM ส่งคืนออบเจ็กต์ TimeRange ที่มีข้อมูลเกี่ยวกับความยาวช่วงที่เล่นของวิดีโอและตำแหน่งเริ่มต้นและสิ้นสุด ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - การส่งคืนวัตถุ TimeRange mediaObject.played มาดูตัวอย่างวิดีโอที่เล่น ทรัพย์สิน − ตัวอย่าง <!DOCTYPE html> <html> <h
คุณสมบัติโปสเตอร์ HTML DOM Video จะส่งกลับ/ตั้งค่าสตริงที่สอดคล้องกับ URL ของรูปภาพที่แสดงจนกว่าวิดีโอจะเล่นหรือสถานะเครือข่ายเท่ากับ 2 ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งกลับค่าสตริง mediaObject.poster การตั้งค่า โปสเตอร์ ไปยัง URLString mediaObject.poster = URLString ให้เราดูตัวอย่างของ โปสเตอ
คุณสมบัติการโหลดล่วงหน้าของวิดีโอ HTML DOM จะส่งคืนสตริงที่สอดคล้องกับเวลาที่ผู้สร้างคิดว่าข้อมูลวิดีโอควรโหลด แม้ว่าบางครั้งอาจถูกละเว้น ค่าเริ่มต้นคือ ข้อมูลเมตา ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งกลับค่าสตริง mediaObject.preload การตั้งค่า โหลดล่วงหน้า เป็นสตริง mediaObject.preload = “au
คุณสมบัติ HTML DOM Video readyState ส่งคืนตัวเลขที่สอดคล้องกับสถานะพร้อมปัจจุบันของวิดีโอ ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - ส่งกลับค่าตัวเลข mediaObject.readyState ค่าที่ส่งกลับอาจเป็นดังนี้ - 0 (HAVE_NOTHING) แสดงว่าไม่มีข้อมูล 1 (HAVE_METADATA) แสดงข้อมูลเมตาสำหรับสื่อพร้อมและค้นหาวิดีโอได้ 2 (H
