نحن نعلم أن نموذج كائن المتصفح (BOM) هو أحد مكونات JavaScript ، والتي توفر كائنات تتفاعل مع نافذة المتصفح بشكل مستقل عن المحتوى. هيكلها الهرمي كما يلي:
كائن النافذة هو جوهر BOM بأكمله ، والذي يتضمن المستند (كائن المستند) والموقع (كائن العنوان) والتاريخ (تكوين الكائنات التاريخية).
بناء الجملة لاتصال خصائص كائن:
1. كائن. اسم السمة = "قيمة السمة" ؛
2. كائن ["سلسلة اسم السمة"] = "قيمة السمة" ؛
بناء الجملة لاتصال طرق الكائن:
1. اسم طريقة الكائن () ؛
2. كائن ["سلسلة الأسلوب"] () ؛
الطرق الشائعة لكائنات النوافذ
الطرق الشائعة لكائنات النوافذ
| اسم | يوضح |
| اِسْتَدْعَى() | يعرض مربع حوار يطالب المستخدم بالدخول |
| يُحذًِر() | يعرض مربع حوار تحذير مع رسالة موجه كبير وزر موافق |
| يتأكد() | عرض مربع حوار مع رسالة مطالبة ، "موافق" و "إلغاء" أزرار |
| يغلق() | أغلق نافذة المتصفح |
| يفتح() | افتح نافذة متصفح جديدة لتحميل المستند المحدد بواسطة عنوان URL المحدد |
| setTimeout () | استدعاء وظيفة أو حساب تعبير بعد تحديد عدد من المللي ثانية |
| setInterval () | استدعاء وظيفة أو احسب تعبيرًا وفقًا للفترة المحددة (المسجلة بالميلي ثانية) |
ميزة خصائص النافذة
| اسم | يوضح |
| الارتفاع والعرض | الارتفاع والعرض (مسجلة بالبكسل) |
| اليسار ، أعلى | يتم تسجيل إحداثيات X و Y للنافذة بالبكسل |
| شريط الأدوات | ما إذا كنت تريد عرض شريط أدوات المتصفح |
| أشرطة التمرير | ما إذا كنت تريد عرض أشرطة التمرير |
| موقع | ما إذا كنت تريد عرض شريط العناوين |
| حالة | ما إذا كان لإضافة شريط حالة |
| مينوبار | ما إذا كنت تريد عرض شريط القائمة |
| قابلة للتوحيد | هل النافذة قابلة للتعديل في الحجم |
| شريط العنوان | ما إذا كنت تريد عرض شريط العنوان |
| ملء الشاشة | سواء كنت تستخدم وضع ملء الشاشة لعرض المتصفح |
الأحداث الشائعة لكائنات النوافذ
| اسم | يوضح |
| onload | تم تحميل صفحة أو صورة |
| onMouseover | حرك مؤشر الماوس فوق عنصر |
| onclick | انقر فوق كائن مع الماوس |
| Onkeydown | يتم الضغط على مفتاح لوحة المفاتيح |
| onchange | تم تغيير محتوى المجال |
إعلان الكائن المخصص
الطريقة الأولى للإعلان:
<script type = "text/javaScript"> وظيفة paly () {var p = new Object () ؛ // إنشاء كائن كائن لفتح مساحة الذاكرة // تحديد السمات للكائن p p.age = 1 ؛ P.Name = "JavaScript" ؛ // تحديد طريقة الكائن p p.sayhi = function () {document.write ("Hello every every"! أنا " + p.name +" أنا هذا العام " + p.age +" alled alle ") ؛ } // إرجاع كائن p return p ؛ } // إنشاء مثيلات من الكائن المخصص var js = paly () ؛ // استدعاء طريقة الكائن JS.Sayhi () ؛ // استدعاء attribute conbome document.write (js.name) ؛ </script>لقطة شاشة التأثير:
الطريقة الثانية:
<script type = "text/javaScript"> وظيفة paly () {// تحديد السمات للكائن this.age = 1 ؛ this.name = "javaScript" ؛ // تحديد طريقة الكائن this.sayhi = function () {document.write ("Hello every every! i am" + this.name + "أنا هذا العام" + هذا. }} // إنشاء مثيل لكائن مخصص var js = new paly () ؛ // استدعاء طريقة الكائن js.sayhi () ؛ // استدعاء سمات مستند الكائن. write (js.name) ؛ </script>لقطة شاشة التأثير:
اجتياز خصائص الكائن
<script type = "text/javaScript"> وظيفة paly () {// تحديد السمات للكائن this.age = 1 ؛ this.name = "javaScript" ؛ // تحديد طريقة الكائن this.sayhi = function () {document.write ("Hello every every! i am" + this.name + "أنا هذا العام" + هذا. }} // إنشاء مثيل لكائن مخصص var js = new paly () ؛ // tranquility سمات الكائن لـ (var par in js) {document.write ("js."+par+"="+js [par]) ؛ } </script>لقطة شاشة التأثير:
هيكل سريع
<script type = "text/javaScript"> وظيفة paly () {// تحديد السمات للكائن this.age = 1 ؛ this.name = "javaScript" ؛ // تحديد الطريقة للكائن this.sayhi = function () {document.write ("Hello every every! أنا" + this.name + "أنا هذا العام" + هذا. }} // إنشاء مثيل لكائن مخصص var js = new paly () ؛ // يتم افتراض الأساليب أو السمات في كتلة الهيكل على سمات أو طرق الكائن (JS) بين قوسين إذا لم يتم تحديد الكائن. {sayhi () ؛ document.write ("<br/>"+Age) ؛ } </script>لقطة شاشة التأثير:
الملخص أعلاه للعمليات ذات الصلة لكائنات JavaScript هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.