الفرق بين المراجعتين ل"JavaScript/Document/body"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 1: سطر 1:
−
<noinclude>{{DISPLAYTITLE:<code>Document.characterSet</code>}}</noinclude>
+
<noinclude>{{DISPLAYTITLE:<code>Document.body</code>}}</noinclude>
  
−
= <code>Document.characterSet</code> =
+
= <code>Document.body</code> =
−
الخاصّية  <code>Document.characterSet</code> القابلة للقراءة فقط تعيد ترميز المحارف (character encoding) الخاصّ بالمُستند الحالي. ترميز المحارف هو مجموعة المحارف (character set) المُستخدمة لعرض المُستند، والذي يُمكن أن يُغايِر الترميز المُعيَّن من طرف الصّفحة. (يُمكن للمُستخدم أن يغيّر ترميز المحارف).
+
يعيد عُقدة العنصر <code><body></code>  أو <code><frameset></code> الخاصّة بالمُستند الحالي، أو يعيد <code>null</code> إن لم يتواجد أي عنصر من هذا القبيل.
−
 
 
−
الخاصّيتان <code>document.charset</code> و <code>document.inputEncoding</code> هما اسمان مُستعاران قديمان للخاصية<code>document.characterSet</code> لا تستعمل أيّا منهما بعد الآن.
 
  
 
== البنية العامة ==
 
== البنية العامة ==
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
−
var string = document.characterSet
+
var objRef = document.body;
 +
document.body = objRef;
 
</syntaxhighlight>
 
</syntaxhighlight>
  
سطر 14: سطر 13:
  
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
−
<button onclick="console.log(document.characterSet);">
+
// نضع في ملفّ إتش تي إم إل:
−
  Show character set
+
// <body id="oldBodyElement"></body>
−
</button>
+
alert(document.body.id); // "oldBodyElement"
−
<!-- يعرِضُ طقم الأحرُف، مثل "ISO-8859-1" أو "UTF-8" -->
+
 
 +
var aNewBodyElement = document.createElement("body");
 +
 
 +
aNewBodyElement.id = "newBodyElement";
 +
document.body = aNewBodyElement;
 +
alert(document.body.id); // "newBodyElement"
 
</syntaxhighlight>
 
</syntaxhighlight>
 +
 +
== مُلاحظات ==
 +
<code>document.body</code> يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <code><body></code>، يُعاد العنصر <code><body></code>، أمّا في مُستندات <code><frameset></code>، فسيُعاد العنصر <code><frameset></code> الخارجي.
 +
ورغم أنّك تستطيع تعيين قيمة للخاصية <code>body</code>، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <code><body></code> الحالي.
 +
 
== المواصفات ==
 
== المواصفات ==
−
* مواصفة [https://dom.spec.whatwg.org/#dom-document-characterset DOM]
+
* معيار [https://html.spec.whatwg.org/multipage/dom.html#dom-document-body HTML Living Standard]
 +
* مواصفة [https://www.w3.org/TR/html51/dom.html#dom-document-body HTML 5.1]
 +
* مواصفة [https://www.w3.org/TR/html50/dom.html#dom-document-body HTML5]
 +
* مواصفة [https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-56360201 Document Object Model (DOM) Level 2 HTML Specification]
 +
* مواصفة [https://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html#attribute-body Document Object Model (DOM) Level 1 Specification]
  
 
== المُتصفحات المدعومة ==
 
== المُتصفحات المدعومة ==
سطر 34: سطر 47:
 
|-
 
|-
 
! الدعم الأساسي
 
! الدعم الأساسي
−
|45
+
|1
 
|نعم
 
|نعم
−
|نعم
+
|2
−
|؟
+
|6
−
|؟
+
|9.6 (أو ربّما أسبَق)
−
|9 (أو ربّما أسبَق)
+
|4  (أو ربّما أسبَق)
−
|-
 
−
! <code>charset</code>
 
−
|تم جعله قابلا للقراءة فقط في الإصدار 45
 
−
| (نعم)
 
−
| 44
 
−
| ؟
 
−
| ؟
 
−
| 9 (أو ربّما أسبَق)
 
 
|}
 
|}
 
الجوال:
 
الجوال:
سطر 53: سطر 58:
 
!الميزة
 
!الميزة
 
!|Android
 
!|Android
−
!Android Webview
 
 
!Edge
 
!Edge
 
!<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span>
 
!<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span>
−
!Firefox OS
 
 
!IE Mobile
 
!IE Mobile
 
!Opera Mobile
 
!Opera Mobile
 
!Safari Mobile
 
!Safari Mobile
−
!Chrome for Android
 
 
|-
 
|-
 
! الدعم الأساسي
 
! الدعم الأساسي
−
| لا دعم
+
|نعم
−
| 45
+
|نعم
−
| (نعم)
+
|نعم
−
| (نعم)
+
|نعم
−
| (نعم)
+
|نعم
−
|؟
+
|5 (أو ربّما أسبَق)
−
|؟
 
−
|؟
 
−
|45.0
 
−
|-
 
−
! <code>charset</code>
 
−
|؟
 
−
|؟
 
−
| (نعم)
 
−
| 44.0 (44)
 
−
|2.5
 
−
|؟
 
−
|؟
 
−
|؟
 
−
|؟
 
 
|}
 
|}
 +
 +
==انظر أيضا==
 +
*  <code>[[Web/Document/head|Document.head]]</code>

مراجعة 13:44، 10 مارس 2018


Document.body

يعيد عُقدة العنصر <body> أو <frameset> الخاصّة بالمُستند الحالي، أو يعيد null إن لم يتواجد أي عنصر من هذا القبيل.

البنية العامة

var objRef = document.body; 
document.body = objRef;

مثال

// نضع في ملفّ إتش تي إم إل:
// <body id="oldBodyElement"></body>
alert(document.body.id); // "oldBodyElement"

var aNewBodyElement = document.createElement("body");

aNewBodyElement.id = "newBodyElement";
document.body = aNewBodyElement;
alert(document.body.id); // "newBodyElement"

مُلاحظات

document.body يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <body>، يُعاد العنصر <body>، أمّا في مُستندات <frameset>، فسيُعاد العنصر <frameset> الخارجي. ورغم أنّك تستطيع تعيين قيمة للخاصية body، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <body> الحالي.

المواصفات

المُتصفحات المدعومة

سطح المكتب:

الميزة Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
الدعم الأساسي 1 نعم 2 6 9.6 (أو ربّما أسبَق) 4 (أو ربّما أسبَق)

الجوال:

الميزة Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
الدعم الأساسي نعم نعم نعم نعم نعم 5 (أو ربّما أسبَق)

انظر أيضا

مجلوبة من "https://wiki.hsoub.com/index.php?title=JavaScript/Document/body&oldid=3021"