يوفر JavaScript مجموعة من الكائنات مع نافذة كنواة ، وتحقيق التحكم في الوصول لنوافذ المتصفح. 6 كائنات مهمة يتم تعريفها في JavaScript:
يمثل كائن النافذة نافذة تفتح في المتصفح ؛
يمثل كائن المستند كائن المستند الذي يقوم بتحميل الصفحة في المتصفح ؛
يحتوي كائن الموقع على معلومات عنوان URL الحالي للمتصفح ؛
يحتوي كائن التنقل على معلومات حول المتصفح نفسه ؛
يحتوي كائن الشاشة على معلومات حول شاشة العميل وقدرات التقديم ؛
يحتوي كائن التاريخ على المعلومات التاريخية للمستعرض الذي يصل إلى صفحة الويب.
بالإضافة إلى كائن النافذة ، فإن الكائنات الخمسة الأخرى هي خصائص كائن النافذة. علاقتهم كما يلي:
1. كائن Windows
كائن النافذة هو كائن عالمي JavaScript ، وبالتالي فإن خصائص وطرق استخدام كائن النافذة لا تحتاج إلى تحديد. على سبيل المثال: ALERT ، فإن المكالمة الكاملة هي في الواقع window.alert ، والتي عادة ما تحذف الإشارة إلى كائن النافذة.
1. الخصائص والأساليب وأحداث Windows Object
| اسم السمة | تأثير | العرض التوضيحي |
|---|---|---|
| اسم | حدد اسم النافذة | |
| الوالد | النافذة الأصل للنافذة الحالية (الإطار) ، باستخدامها لإرجاع الطريقة وخصائص الكائن | |
| فتاحة | إرجاع كائن النافذة الذي ينتج النافذة الحالية ، ويستخدمها لإرجاع طريقة وخصائص الكائن | |
| قمة | يمثل النافذة الرئيسية ، وهي النافذة ذات المستوى الأعلى ، وهي أيضًا النافذة الأصل لجميع النوافذ الأخرى. يمكن الوصول إلى طرق وخصائص النافذة الحالية من خلال هذا الكائن | |
| الذات | إرجاع كائن في النافذة الحالية التي يمكن من خلالها الوصول إلى طرق وخصائص النافذة الحالية. | |
| DefaultStatus | إرجاع أو تعيين المحتوى الافتراضي الذي سيتم عرضه في شريط حالة المتصفح | |
| حالة | إرجاع أو تعيين المحتوى المحدد الذي سيتم عرضه في شريط حالة المتصفح |
| اسم الطريقة | تأثير | العرض التوضيحي |
|---|---|---|
| يُحذًِر() | يعرض مربع حوار تنبيه يحتوي على رسالة وزر موافق | |
| يتأكد() | إظهار مربع الحوار التأكيد | |
| اِسْتَدْعَى() | عرض مربع حوار موجه يدفع المستخدم لإدخال البيانات | |
| يفتح() | افتح نافذة موجودة ، أو قم بإنشاء نافذة جديدة وتحميل مستند في تلك النافذة | |
| يغلق() | أغلق نافذة مفتوحة | |
| التنقل () | عرض صفحة الويب المحددة في النافذة الحالية | |
| setTimeout () | اضبط مؤقتًا واتصل بوظيفة بعد تمرير الفاصل الزمني المحدد. | |
| cleartimeout () | إعادة تعيين المؤقت المحدد | |
| ركز() | اجعل كائن نافذة يحصل على التركيز الحالي | |
| Blur () | اجعل كائن نافذة يفقد تركيزه الحالي |
| حدث | يوضح | العرض التوضيحي |
|---|---|---|
| onload | يحدث عندما يتم تحميل ملفات HTML في المتصفح | |
| onunload | يحدث عندما يتم حذف ملفات HTML من المتصفح | |
| onfocus | يحدث عندما يتم التركيز على النافذة | |
| Onblur | يحدث عندما تفقد النافذة التركيز | |
| onhelp | يحدث عندما يضغط المستخدم على مفتاح F1 | |
| onresize | يحدث عندما يقوم المستخدم بتغيير حجم النافذة | |
| onscroll | يحدث عندما يقوم المستخدم بتمرير النافذة | |
| onerror | يحدث عندما يحدث خطأ عند تحميل ملف HTML |
2. الوظائف الرئيسية التي يوفرها كائن النافذة:
اضبط حجم وموضع النافذة ، وافتح نافذة جديدة ، وصندوق مطالبة النظام ، والتحكم في شريط الحالة ، وعمليات التوقيت. فيما يلي الأوصاف التالية لهذه الوظائف الخمس.
(1) اضبط حجم النافذة وموضعها
طريقة | الاستخدام | يوضح |
Window.moveby انقل نافذة المتصفح إلى الموقع المحدد (تحديد المواقع النسبية) | window.moveby (dx ، dy) | من أجل الأمن واعتبارات المستخدم الجيدة ، لا يُسمح باستخدام البرامج النصية JavaScript لنقل Windows خارج المنطقة المرئية. يجب دائمًا ضمان نافذة المتصفح لتكون في المنطقة المرئية للشاشة. |
Window.Moveto انقل نافذة المتصفح إلى الموقع المحدد (تحديد المواقع المطلقة) | window.moveby (x ، y) | إذا وضعت الإحداثيات المحددة (x ، y) بعض النوافذ أو جميعها خارج المنطقة المرئية ، ستبقى النافذة أقرب إلى حافة الشاشة. |
Window.ResizeBy قم بتغيير حجم نافذة المتصفح إلى العرض والارتفاع المحدد (تغيير حجم النافذة نسبيًا) | Window.ResizeBy (DW ، DH) | |
Window.Resizeto قم بتغيير حجم نافذة المتصفح إلى العرض والارتفاع المحدد (تغيير حجم النافذة تمامًا) | Window.Resizeto (W ، H) | لا يمكن أن يكون العرض والارتفاع المحددين سلبيين |
(2) افتح نافذة جديدة
الاستخدام: Window.Open ([url] ، [Target] ، [Options])
عنوان URL للمعلمة: عنوان URL الذي سيتم تحميله في النافذة الجديدة. إذا لم يتم تحديد أي معلمات ، فسيتم تحميل الصفحة الفارغة افتراضيًا. على سبيل المثال: window.open ("test.htm") ؛
هدف المعلمة: هدف أو اسم النافذة المفتوحة حديثًا
_ نفسه تحميل صفحة جديدة في النافذة الحالية
_Blank قم بتحميل صفحة جديدة في نافذة جديدة
_ Parent يقوم بتحميل صفحة جديدة في نافذة الأصل
_top يقوم بتحميل صفحة جديدة في النافذة العليا
خيارات المعلمة: تتكون خصائص النافذة التي تم فتحها حديثًا من عدة خيارات ، مفصولة بواسطة الفواصل ، وكل خيار يحتوي على اسم الخيار وقيمة الخيار.
خيارات | يوضح |
ارتفاع | ارتفاع النافذة ، وحدات بكسل |
عرض | عرض النافذة ، وحدات بكسل |
غادر | موضع الحافة اليسرى للنافذة |
قمة | موضع الحافة العلوية للنافذة |
ملء الشاشة | سواء كانت ملائمة الشاشة ، القيمة الافتراضية لا |
موقع | سواء كنت تريد عرض شريط العناوين ، فإن القيمة الافتراضية هي نعم |
مينوبار | سواء كنت تريد عرض شريط القائمة ، فإن القيمة الافتراضية هي نعم |
قابلة للتوحيد | سواء للسماح بتغيير حجم النافذة ، فإن القيمة الافتراضية هي نعم |
أشرطة التمرير | ما إذا كنت تريد عرض أشرطة التمرير ، والقيمة الافتراضية نعم |
حالة | سواء كنت تريد عرض شريط الحالة ، فإن القيمة الافتراضية هي نعم |
شريط العنوان | سواء كنت تريد عرض شريط العنوان ، فإن القيمة الافتراضية هي نعم |
شريط الأدوات | سواء كنت تريد عرض شريط الأدوات ، فإن القيمة الافتراضية هي نعم |
(3) مربع مطالبة النظام
Window.Alert يعرض مربع موجه الرسالة ، Window.Alert ([Message]) ؛ (ملاحظة: يتم حذف كائنات النوافذ بشكل عام ، ويتم استخدام التنبيه مباشرة)
Window.Confirm يعرض مربع حوار التأكيد يتضمن أزرار OK وإلغاء.
Window.Prompt يعرض مربع موجه رسالة يحتوي على مربع إدخال نص.
الاستخدام: window.prompt ([message] ، [افتراضي]) ؛ الرسالة هي النص المعروض في مربع المطالبة ، والافتراضي هو القيمة الافتراضية لمربع النص.
(4) التحكم في شريط الحالة
تسيطر عليها من خلال خاصية window.status. على سبيل المثال: Window.Status = "خطأ مطالبة" ؛ سيؤثر القيام بذلك على تجربة المستخدم ، لذلك لا ينصح بتعديل معلومات شريط الحالة.
(5) عملية توقيت
يتم استخدام عمليات التوقيت بشكل شائع في تطوير الويب. في التطوير استنادًا إلى تقنية AJAX ، هناك نوع من التطبيقات التي تحتاج إلى الوصول إلى خادم الواجهة الخلفية بانتظام وتحديث صفحة الواجهة الأمامية. يعتمد هذا النوع من تطبيق التطبيقات عادة على وظائف تشغيل التوقيت.
هناك أربع وظائف تشغيل توقيت: window.setinterval ، window.clearinterval ، window.settimeout ، و window.cleartimeout. هذه الوظائف الأربع هي طرق لكائنات النوافذ ، مما يعني أن عمليات التوقيت في المتصفح قد اكتملت بواسطة نافذة المتصفح. فيما يلي مقدمة مفصلة لاستخدام هذه الطرق الأربع.
① Window.SetInterval يقوم بتعيين المؤقت وتنفيذ نافذة الكود المحددة.
الوصف: يمكن أن تكون معلمة الكود دالة أو رمز JavaScript في شكل سلسلة
المعلمة الوقت هي الفاصل الزمني لتنفيذ الكود ، والوحدة هي MS.
② window.clearinterval مسح الموقت الذي تم تعيينه بواسطة window setInterval. clearinterval (الوقت) ؛
③ Window.SettImeOut يعين المؤقت وتنفيذ نافذة الكود المحددة.
ملاحظة: يمكن أن تكون معلمة الكود دالة أو رمز JavaScript في شكل سلسلة. الفرق بين SetTimeOut و SetInterval هو أن SetTimeOut ينفذ فقط الرمز المحدد مرة واحدة.
المعلمة الوقت هي الفاصل الزمني لتنفيذ الكود ، والوحدة هي MS.
④ Window.ClearTimeout قم بمسح المؤقت الذي تم تعيينه بواسطة Windowtimeout function.cleartimeout (time) ؛
التفسير التفصيلي أعلاه لكائن النافذة ، أحد كائنات متصفح JavaScript ، هو كل المحتوى المشترك من قبل المحرر. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.