خصائص الكائن
نسخة الكود كما يلي:
document.title // قم بتعيين علامة <title> التي تعادل HTML
document.bgcolor // اضبط لون خلفية الصفحة
document.fgcolor // اضبط اللون الأمامي (لون النص)
document.linkcolor // لون رابط غير محصور
document.alinkcolor // قم بتنشيط لون الرابط (ركز على هذا الرابط)
document.vlinkcolor // انقر فوق لون الرابط
document.url // تعيين خصائص عنوان URL لفتح صفحة ويب أخرى في نفس النافذة
document.filecreateddate // تاريخ إنشاء الملف ، سمة القراءة فقط
document.fileModifiedDate // تاريخ تعديل الملف ، سمة القراءة فقط
document.filesize // حجم الملف ، سمة القراءة فقط
document.cookie // تعيين وقراءة ملفات تعريف الارتباط
document.charset // اضبط مجموعة الأحرف المبسطة الصينية: GB2312
=========================================================================================
موضوع الجسم
نسخة الكود كما يلي:
document.body // بداية ونهاية هيئة المستندات المحددة تعادل <body> </body>
document.body.bgColor // تعيين أو احصل على لون الخلفية خلف الكائن
document.body.link // لون رابط غير محدد
document.body.alink // قم بتنشيط لون الرابط (ركز على هذا الرابط)
document.body.vlink // انقر فوق لون الرابط
document.body.text // لون النص
document.body.innertext // اضبط النص بين <body> ... </body>
document.body.innerhtml // تعيين رمز html بين <body> ... </body>
document.body.topmargin // هامش الصفحة
document.body.leftmargin // الصفحة اليسرى الهامش
document.body.rightmargin // صفحة الهامش الصحيح
document.body.bottommargin // الهامش على الصفحة
document.body.background // صورة الخلفية
document.body.appendchild (OTAG) // قم بإنشاء كائن HTML بشكل ديناميكي
أحداث الكائنات المشتركة
نسخة الكود كما يلي:
document.body.onclick = "func ()" // ينقر مؤشر الماوس على الكائن
document.body.onmouseover = "func ()" // تومض عندما ينتقل مؤشر الماوس إلى الكائن
document.body.onmouseout = "func ()" // تومض عند نقل مؤشر الماوس من الكائن
=========================================================================================
موقع الموقع الفرعي
نسخة الكود كما يلي:
document.location.hash // الجزء بعد الرقم #
document.location.host // اسم المجال + رقم المنفذ
document.location.hostname // اسم المجال
document.location.href // URL الكامل
document.location.pathName // جزء الدليل
document.location.port // رقم المنفذ
document.location.protocol // Network Protocol (http :)
document.location.search // الجزء بعد؟ رقم
أحداث الكائنات المشتركة
نسخة الكود كما يلي:
documenty.location.reload () // قم بتحديث صفحة الويب
document.location.reload (url) // افتح صفحة ويب جديدة
document.location.assign (url) // افتح صفحة ويب جديدة
document.location.replace (url) // افتح صفحة ويب جديدة
=========================================================================================
جمع الصور (الصور في الصفحة)
أ) الإشارة من خلال التجميع
نسخة الكود كما يلي:
document.images // علامة <img> على الصفحة المقابلة
document.mages.length // عدد العلامات <img> على الصفحة المقابلة
document.images [0] // علامة <img> الأولى
document.images // i-1 <img> علامة
ب) المرجع المباشر من خلال سمة الاسم
نسخة الكود كما يلي:
<img name = "oimage">
document.images.oimage //document.images.name الخاصية
ج) سمة SRC للصورة المرجعية
نسخة الكود كما يلي:
document.images.oimage.src //document.images.name attribute.src
د) إنشاء صورة
نسخة الكود كما يلي:
var oimage
Oimage = صورة جديدة ()
document.images.oimage.src = "1.jpg"
في الوقت نفسه ، قم بإنشاء علامة <img> على الصفحة ويمكن عرضها
عينة الكود (الخلق الديناميكي):
نسخة الكود كما يلي:
<html>
<اسم img = oimage>
<script language = "javaScript">
var oimage
Oimage = صورة جديدة ()
document.images.oimage.src = "1.jpg"
</script>
</html>
<html>
<script language = "javaScript">
Oimage = document.caeateelement ("IMG")
oimage.src = "1.jpg"
document.body.appendchild (Oimage)
</script>
</html>
========================================================================================
جمع النماذج (النماذج في الصفحة)
أ) الإشارة من خلال التجميع
نسخة الكود كما يلي:
document.forms // علامة <Porm> على الصفحة المقابلة
document.forms.length // عدد العلامات <Porm> في الصفحة المقابلة
document.forms [0] // علامة <Porm> الأولى
document.forms // i-1 <Porm> علامة
document.forms.length // عدد عناصر التحكم في i-1th <port>
document.forms.Elements [j] // التحكم J-1st في I-1th <Porm>
------------------------------------------------------------------------------------------------------------------------------------
ب) المرجع المباشر من خلال سمة اسم العلامة
نسخة الكود كما يلي:
<form name = "myForm"> <input name = "myctrl"> </poth>
document.myform.myctrl //document.form name.control الاسم
------------------------------------------------------------------------------------------------------------------------------------
ج) خصائص نموذج الوصول
نسخة الكود كما يلي:
document.forms.name // المقابلة لـ <same name> السمة
document.forms.action // المقابلة لـ <النموذج Action> السمة
document.forms.encoding // المقابلة لـ <النموذج enctype> سمة
document.forms.target // المقابلة لـ <form target> السمة
document.forms.appendchild (OTAG) // إدراج عنصر تحكم ديناميكي
------------------------------------------------------------------------------------------------------------------------------------
نموذج الرمز (النموذج):
نسخة الكود كما يلي:
<html>
<!-نصوص التحكم في النص->
<name form = "myForm">
<type type = "text" name = "otext">
<type type = "password" name = "opswd">
<Porm>
<script language = "javaScript">
// احصل على قيمة مربع كلمة المرور النصية
document.write (document.myform.otext.value)
document.write (document.myform.opswd.value)
</script>
</html>
------------------------------------------------------------------------------------------------------------------------------------
نموذج الرمز (مربع الاختيار):
نسخة الكود كما يلي:
<html>
<!-مربع الاختيار ، السيناريو المرتبط التحكم بالراديو->
<name form = "myForm">
<type type = "checkbox" name = "chk" value = "1"> 1
<type type = "checkbox" name = "chk" value = "2"> 2
</form>
<script language = "javaScript">
وظيفة المرح () {
// نقل قيمة التحكم في مربع الاختيار وحدد ما إذا تم تحديده
طول var
طول = document.forms [0] .Chk.Length
لـ (i = 0 ؛ i <length ؛ i ++) {
v = document.forms [0] .Chk.value
B = document.forms [0] .Chk.checked
إذا (ب)
تنبيه (v = v+"محدد")
آخر
تنبيه (v = v+"غير محدد")
}
}
</script>
<a href =# onClick = "fun ()"> ddd </a>
</html>
------------------------------------------------------------------------------------------------------------------------------------
نموذج الرمز (حدد):
نسخة الكود كما يلي:
<html>
<!-حدد السيناريو المرتبط بالتحكم->
<name form = "myForm">
<حدد name = "oselect">
<value Option = "1"> 1 </soph>
<Option Value = "2"> 2 </soph>
<Option Value = "3"> 3 </soph>
</select>
</form>
<script language = "javaScript">
// نقل عنصر خيار التحكم في تحديد
طول var
طول = document.myform.oselect.length
لـ (i = 0 ؛ i <length ؛ i ++)
document.write (document.myform.oselect.value)
</script>
<script language = "javaScript">
// نقل عنصر الخيار وحدد ما إذا كان يتم تحديد خيار
لـ (i = 0 ؛ i <document.myform.oselect.length ؛ i ++) {
if (document.myform.oselect.selected! = true)
document.write (document.myform.oselect.value)
آخر
document.write ("<font color = red>"+document.myform.oselect.value+"</font>")
}
</script>
<script language = "javaScript">
// اطبع الخيار المحدد وفقًا لـ SELECTINGEX
// (0 إلى document.myform.oselect.length-1)
i = document.myform.oselect.selectedIndex
document.write (document.myform.oselect.value)
</script>
<script language = "javaScript">
// قم بزيادة عنصر خيار عنصر تحكم تحديد ديناميكي
var ooption = document.createElement ("Option") ؛
Ooption.text = "4" ؛
Ooption.value = "4" ؛
document.myform.oselect.add (Ooption) ؛
</script>
<html>
=========================================================================================
مجموعة Div (طبقات في الصفحة)
نسخة الكود كما يلي:
<div id = "odiv"> النص </div>
document.all.odiv // مرجع طبقة ODIV
document.all.odiv.style.display = "" // تم ضبط الطبقة على المرئي
document.all.odiv.style.display = "none" // تم تعيين الطبقة للاختباء
document.getElementId ("ODIV") // كائن مرجعي من خلال getElementId
document.getElementId ("ODIV").
document.getElementId ("ODIV"). Display = "None"
/*Document.all يمثل مجموعة من جميع الكائنات في المستند
فقط IE يدعم هذه السمة ، لذلك يتم استخدامه أيضًا لتحديد نوع المتصفح*/
4 خصائص كائن الطبقة
نسخة الكود كما يلي:
document.getElementById ("id"). نص إخراج innertex
document.getElementById ("id"). innerhtml // الإخراج الديناميكي html
document.getElementById ("id"). OuterText // same innertext
document.getElementById ("id"). OUTERHTML // نفس innerhtml
------------------------------------------------------------------------------------------------------------------------------------
نموذج الرمز:
نسخة الكود كما يلي:
<html>
<script language = "javaScript">
تغيير الوظيفة () {
document.all.odiv.style.display = "لا شيء"
}
</script>
<div id = "odiv" onClick = "Change ()"> text </iv>
</html>
<html>
<script language = "javaScript">
وظيفة changetext () {
document.getElementById ("ODIV"). innertext = "newText"
}
</script>
<div id = "odiv" onMouseover = "changetext ()"> النص </div>
</html>