حدث تحميل النافذة:
لضبط حجم النافذة:
window يمكن استخدام طريقة .open() للانتقال إلى عنوان URL محدد أو لفتح نافذة متصفح جديدة.
window.open("http://www.wrox.com/", "wroxWindow","height=400,width=400,top=10,left=10,resizable=yes");المؤقت:
window.scroll(x, y)
window.scrollTo(x, y): كلاهما نفس الاستخدام لتغيير موضع الأفقي و أشرطة التمرير العمودية، بشرط أن يكون هناك شريط التمرير موجود في نافذة الصفحة
.scrollBy(x, y): التمرير التراكمي لشريط التمرير، الأرقام الموجبة تنخفض، والأرقام السالبة ترتفع window.scrollBy(0, 10) : عند الاتصال كل 100 مللي ثانية، يتحرك شريط التمرير بمقدار 10 بكسل
window.getComputedStyle(elem, pseudo-class)
مربع حوار
بتشغيل البرنامج النصي JS وتضع كود JS في مكدس التنفيذ في وضع التنفيذ المتزامن. ، خطأ) في واجهات برمجة تطبيقات الويب (قائمة انتظار المهام). عند اكتمال التعليمات البرمجية الموجودة في مكدس التنفيذ، انتقل إلى قائمة انتظار المهام وخذ المهمة الأولى للتنفيذ، واحصل على واحدة من قائمة انتظار المهام وقم بتنفيذها، و قم بتنفيذه بشكل متكرر (حلقة الحدث) حتى يكتمل التنفيذ في قائمة انتظار المهام.
يتم استخدام window.historyللحصول على عنوان URL للصفحة الحالية وإعادة توجيه المتصفح إلى صفحة جديدة.
http://www.itcast.cn:80/index.html?name=andy&age=1#link http: بروتوكول الاتصال www.itcast.cn: اسم المجال 80: منفذ Index.html: المسار؟ name=andy&age=1: المعلمة # جزء الرابط: نقطة الربط،
سمة كائن الارتباط:
لعنوان URL الحالي:
المستكشف: كائن يقوم بتغليف ملف تعريف الارتباط لمعلومات تكوين المتصفح،
يتضمن كائن التاريخ مجموعة محفوظات المتصفح (عنوان url) الخاصة
window.كائن الشاشة يحتوي على معلومات حول المستخدم 
// الشاشة: احصل على حجم دقة جهاز العرض // الدقة الكاملة: screen.widht/height // كيفية تحديد نوع العميل المتوافق مع جميع عروض العميل // شاشة كبيرة، شاشة متوسطة، شاشة صغيرة، شاشة صغيرة جدًا // lg md sm xs // هاتف لوحة الكمبيوتر TV // العرض >= 1200 >=992 >= 768 < 768 // الدقة المتبقية بعد إزالة شريط المهام // screen.availHeight/availWidth
الحصول ديناميكيًا على موضع (إزاحة) العنصر وحجمه وما إلى ذلك.
السمات شائعة الاستخدام لسلسلة الإزاحة:
السمات الشائعة
مثل حجم الحدود وحجم العنصر للعناصر
:ديناميكيًا على حجم العناصر ومسافة التمرير لها.
element.srcolTop
شريط تمرير للوحدة. عند التمرير، سيتم تشغيل حدث التمرير
window.pageXOffset/pageYOffset IE8 وأدناه غير متوافقين مع document.body/documentElement.scrollLeft/scrollTop التوافق مربك ويستغرق وقتًا طويلاً، لأنه من المستحيل لقيمتين لهما قيم في نفس الوقت ، طريقة توافق التغليف، ابحث عن المسافة المتدحرجة لعجلة شريط التمرير getScrollOffet()
/*
يتضمن طريقة للحصول على مسافة التمرير لشريط التمرير العوائد: x: مسافة التمرير لشريط التمرير الأفقي y: مسافة التمرير لشريط التمرير العمودي */function getScrollOffet(){.
إذا(window.pageXOffset){
يجب أن تكون قيمة إرجاع {//{} للكائن بعد الكلمة الأساسية، وإلا فسيقوم النظام بإضافتها تلقائيًا، وستكون قيمة الإرجاع غير محددة
x : window.pageXOffset،
ص : window.pageYOffset }
}else{//متوافق مع IE8 وما دونه return {
x : document.body.scrollLeft + document.documentElement.scrollLeft،
y : document.body.scrollTop + document.documentElement.scrollTop }
}} window.innerWidth/innerHeight غير متوافق مع IE8 والإصدارات الأقدم (ملاحظة: العرض والارتفاع هنا لا يتضمنان ارتفاع شريط القائمة، وشريط الأدوات، وشريط التمرير، وما إلى ذلك) document.documentElement.clientWidth/clientHeight في الوضع القياسي، أي متصفح متوافق مع document.body.clientWidth/clientHeight إنها طريقة توافق لتغليف المتصفح مناسبة للمواقف الغريبة. getViewportOffset()
/*يُرجع التغليف قيمة إرجاع حجم منفذ العرض للمتصفح :
w: عرض إطار العرض h: ارتفاع إطار العرض*/function getViewportOffset(){
إذا (نافذة. العرض الداخلي) {
يعود {
ث : window.innerWidth،
h : window.innerHeight }
}else{ //متوافق مع IE8 والمتصفحات الأقدم if(document.compatMode == 'BackCompat'){
//Return { في وضع العرض الغريب
ث : document.body.clientWidth،
ح : document.body.clientHeight }
}آخر{
// إرجاع الوضع القياسي {
ث : document.documentElement.clientWidth،
h : document.documentElement.clientHeight }
}
}}console.log(document.compatMode); // الوضع الغريب BackCompat // الوضع القياسي CSS1Compat domElement.getBoundingClientRect() في ES5 له توافق جيد؛ تمثل السمات مثل الأعلى واليمين والأسفل إحداثيات X وY للزاوية اليسرى العليا للعنصر لم يتم تنفيذ سمات العرض في الإصدارات القديمة من IE، النتائج التي تم إرجاعها ليست في الوقت الفعلي '
// احصل على موضع العنصر في المستند function getElementPosition(target){.
// دعم طريقة BoundingClientRect() if(0 && target.getBoundingClientRect){
var pos = target.getBoundingClientRect();
return { // عندما يتحرك شريط التمرير، أضف الموضع x لشريط التمرير: pos.left + Math.max(document.body.scrollLeft, document.documentElement.scrollLeft),
y : pos.top + Math.max(document.body.scrollTop, document.documentElement.scrollTop)
}
} آخر {
فار بوس = {
اليسار: 0،
أعلى: 0
}
var _elm = target;
بينما (target.offsetParent) {
if(_elm == target){// قم بتجميع اليسار والأعلى لأول مرة
pos.left += target.offsetLeft;
pos.top += target.offsetTop;
}آخر{
pos.left += target.offsetLeft + target.clientLeft;
pos.top += target.offsetTop + target.clientTop;
}
// إعادة تعيين الهدف target = target.offsetParent;
}
العودة {س: pos.left، ص: pos.top}
}} شريط الحالة
موضع نافذة
العرض لحالة المتصفحوالسمات الأخرى