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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (تعديل الروابط وإضافة تصنيف)
 
(4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:<code>Document.characterSet</code>}}</noinclude>
+
<noinclude>{{DISPLAYTITLE:<code>Document.body</code>}}</noinclude>
 
+
تعيد هذه الخاصية عُقدة العنصر <code>[[HTML/body|<body>]]</code>  أو <code>[[HTML/frameset|<frameset>]]</code> الخاصّة بالمُستند الحالي، أو تعيد <code>null</code> إن لم يتواجد أي عنصر من هذا القبيل.
= <code>Document.characterSet</code> =
 
الخاصّية  <code>Document.characterSet</code> القابلة للقراءة فقط تعيد ترميز المحارف (character encoding) الخاصّ بالمُستند الحالي. ترميز المحارف هو مجموعة المحارف (character set) المُستخدمة لعرض المُستند، والذي يُمكن أن يُغايِر الترميز المُعيَّن من طرف الصّفحة. (يُمكن للمُستخدم أن يغيّر ترميز المحارف).
 
 
 
الخاصّيتان <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: سطر 11:
  
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
<button onclick="console.log(document.characterSet);">
+
// نضع في ملفّ HTML:
  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>
== المواصفات ==
 
* مواصفة [https://dom.spec.whatwg.org/#dom-document-characterset DOM]
 
  
== المُتصفحات المدعومة ==
+
== ملاحظات ==
سطح المكتب:
+
<code>document.body</code> يمثِّل العنصر الذي يحتوي على مُحتوى المُستند. في مُستندات ذات مُحتويات <code>[[HTML/body|<body>]]</code>، يُعاد العنصر <code>[[HTML/body|<body>]]</code>، أمّا في مُستندات <code>[[HTML/frameset|<frameset>]]</code>، فسيُعاد العنصر <code>[[HTML/frameset|<frameset>]]</code> الخارجي.
 +
 
 +
ورغم أنّك تستطيع تعيين قيمة للخاصية <code>body</code>، إلّا أنّ ضبط جسم صفحة جديدا سيقوم بمحوِ جميع أولاد (children) العنصر <code>[[HTML/body|<body>]]</code> الحالي.
 +
 
 +
== دعم المتصفحات ==
 
{| class="wikitable"
 
{| class="wikitable"
 
!الميزة
 
!الميزة
 
!|Chrome
 
!|Chrome
!|Edge
+
!Firefox
!<span dir="ltr" lang="en">Firefox (Gecko)</span>
 
 
!Internet Explorer
 
!Internet Explorer
 
!Opera
 
!Opera
!<span dir="ltr" lang="en">Safari (WebKit)</span>
+
!Safari
 
|-
 
|-
 
! الدعم الأساسي
 
! الدعم الأساسي
|45
+
|1
|نعم
+
|2
|نعم
+
|6
|؟
+
|9.6 (أو ربّما أسبَق)
+
|(أو ربّما أسبَق)
|9 (أو ربّما أسبَق)
 
|-
 
! <code>charset</code>
 
|تم جعله قابلا للقراءة فقط في الإصدار 45
 
| (نعم)
 
| 44
 
| ؟
 
| ؟
 
| 9 (أو ربّما أسبَق)
 
|}
 
الجوال:
 
{| class="wikitable"
 
!الميزة
 
!|Android
 
!Android Webview
 
!Edge
 
!<span dir="ltr" lang="en">Firefox Mobile (Gecko)</span>
 
!Firefox OS
 
!IE Mobile
 
!Opera Mobile
 
!Safari Mobile
 
!Chrome for Android
 
|-
 
! الدعم الأساسي
 
| لا دعم
 
| 45
 
| (نعم)
 
| (نعم)
 
| (نعم)
 
 
 
 
|45.0
 
|-
 
! <code>charset</code>
 
 
 
| (نعم)
 
| 44.0 (44)
 
|2.5
 
 
 
 
 
 
|}
 
|}
 +
==انظر أيضًا==
 +
*  <code>[[JavaScript/Document/head|Document.head]]</code>
 +
==مصادر ومواصفات==
 +
* معيار [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]
 +
[[تصنيف:JavaScript]]
 +
[[تصنيف:Web API]]
 +
[[تصنيف:DOM]]
 +
[[تصنيف:Document]]

المراجعة الحالية بتاريخ 06:37، 11 مارس 2018

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

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

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

مثال

// نضع في ملفّ HTML:
// <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 Firefox Internet Explorer Opera Safari
الدعم الأساسي 1 2 6 9.6 (أو ربّما أسبَق) 4 (أو ربّما أسبَق)

انظر أيضًا

مصادر ومواصفات