مفهوم Window Document

مفهوم Document

عندما يتم تحميل وثيقة HTML في متصفح الويب، يصبحعنصر الوثيقة.

عنصر الوثيقةهو العنصر الجذر لوثيقة HTML.

عنصر الوثيقةهوعنصر النافذةمن الخصائص.

يمكن الوصول إلى الخصائص التالية بهذه الطريقةعنصر الوثيقة:

window.document أو فقط document

مثال

let url = window.document.URL;

جربها بنفسك

let url = document.URL;

جربها بنفسك

خصائص ومتغيرات وثيقة

الخصائص والطرق التالية يمكن استخدامها في وثيقة HTML:

خصائص / طرق وصف
activeElement ترجيع عنصر الحصول على التركيز الحالي في وثيقة.
addEventListener() إضافة معالج الحدث إلى الوثيقة.
adoptNode() استخدام عناصر من وثيقة أخرى.
روابط غير مستخدم.
برامج الكترونية غير مستخدم.
baseURI يعود URI الأساسي للوثيقة.
body يحدد أو يعيد النص الرئيسي للوثيقة (عنصر <body>).
charset غير مستخدم.
characterSet يعود رمز الترميز للوثيقة.
close() إغلاق التدفق الصادر الذي تم فتحه باستخدام document.open().
cookie يعود جميع أسماء/قيم الكوكي في الوثيقة.
createAttribute() إنشاء نود صفة.
createComment() إنشاء نود تعليق يحتوي على نص معين.
createDocumentFragment() إنشاء نود DocumentFragment فارغ.
createElement() إنشاء نود عنصر.
createEvent() إنشاء حدث جديد.
createTextNode() إنشاء نود نصي.
defaultView يعود إلى العنصر النافذة المرتبط بالوثيقة، إذا لم يكن هناك أي شيء، يعود null.
designMode يتحكم في ما إذا كان يجب تعديل الوثيقة بأكملها.
doctype يعود إعلان نوع الوثيقة المرتبط بالوثيقة.
documentElement يعود عنصر Document للوثيقة (عنصر <html>).
documentMode غير مستخدم.
documentURI يحدد أو يعيد موقع الوثيقة.
domain يعود اسم النطاق للخادم الذي يتم تحميل الوثيقة منه.
domConfig غير مستخدم.
embeds يعود مجموعة جميع عناصر <embed> في الوثيقة.
execCommand() غير مستخدم.
forms يعود مجموعة جميع عناصر <form> في الوثيقة.
getElementById() يعود العنصر الذي يحتوي على قيمة معينة للصفة ID.
getElementsByClassName() يعود مجموعة تحتوي على جميع العناصر التي تحتوي على اسم الفئة المحدد. HTMLCollection.
getElementsByName() يعود مجموعة تحتوي على جميع العناصر النشطة التي تحتوي على الاسم المحدد. NodeList.
getElementsByTagName() يعود مجموعة تحتوي على جميع العناصر التي تحتوي على اسم العلامة المحدد. HTMLCollection.
hasFocus() يعود قيمة بولية، تشير إلى ما إذا كانت الوثيقة قد حصلت على التركيز.
head يعود العنصر <head> للوثيقة.
صور مجموعة جميع عناصر <img> في الوثيقة.
implementation يُرجع DOMImplementation المُعالج لهذا المستند.
importNode() يُستورد عقدة من مستند آخر.
inputEncoding غير مستخدم.
lastModified يُرجع تاريخ وتوقيت آخر تعديل للمستند.
links يُرجع مجموعة العناصر <a> و <area> التي تحتوي على الخاصية href في المستند.
normalize() يُزال عناصر النص الفارغ ويُربط العناصر المجاورة.
normalizeDocument() غير مستخدم.
open() يفتح流出 HTML لجمع النواتج من document.write().
querySelector() يُرجع العنصر الأول الذي يتطابق مع المحدد CSS Selector في المستند.
querySelectorAll() يُرجع NodeList يحتوي على جميع العناصر التي تتطابق مع المحدد CSS Selector في المستند.
readyState يُرجع حالة (التحميل) للمستند.
referrer يُرجع URL المستند الذي تم تحميله.
removeEventListener() يُزال من المستند معالج الحدث (مستخدم) طريقة addEventListener() مرفقة).
renameNode() غير مستخدم.
scripts يُرجع مجموعة العناصر <script> في المستند.
strictErrorChecking غير مستخدم.
title يُضبط أو يُرجع عنوان المستند.
URL يُرجع URL الكامل للمستند.
write() يُكتب تعبير HTML أو كود JavaScript في المستند.
writeln() مثل write()، ولكن يضيف مسافات بيضاء في نهاية كل جملة.

وصف عنصر Document

يوسع واجهة HTMLDocument واجهة DOM Document، ويحدد الخاصيات والطرق المخصصة لـ HTML.

العديد من الخاصيات والطرق هي لـ HTMLCollection (في الواقع هي مجموعة قابلة للقراءة يمكن استخدامها كعدد أو باستخدام اسم المؤشر)، حيث يحتوي على مراجع إلى الروابط، والنماذج، والروابط، والأعمدة القابلة للتعامل بالسكريبت.

هذه الخاصيات المجموعة تأتي من مستوى 0 DOM. وقد تم Document.getElementsByTagName() تم استبدالها، ولكن تُستخدم بعدة حالات لأنها سهلة الاستخدام.

طريقة write()يُلاحظ أنه في وقت تحميل وتحليل المستند، يُسمح لسكريبت بإدراج محتوى مُنتج ديناميكياً في المستند.

لاحظ، في المستوى 1 من DOM، قام HTMLDocument بتعريف اسم getElementById() الطريقة المفيدة جدًا. في المستوى 2 من DOM، تم نقل هذه الطريقة إلى واجهة Document، وهي الآن تُورث من HTMLDocument بدلاً من أن تكون مكتوبة فيها.