Событие загрузки окна:
события совместимости для настройки размера окна:
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): Оба варианта используются одинаково для изменения положения по горизонтали и вертикальные полосы прокрутки, при условии, что они должны быть Полоса прокрутки находится на странице
window.scrollBy(x, y): кумулятивная прокрутка полосы прокрутки, положительные числа идут вниз, отрицательные числа идут вверх window.scrollBy(0, 10) : при вызове каждые 100 миллисекунд полоса прокрутки перемещается на 10 пикселей.
window.getComputedStyle(elem, pseudo-class)
диалоговое окно
запускает js-скрипт и помещает js-код в стек выполнения в режиме синхронного выполнения. При запуске стека выполнения он сталкивается с асинхронным кодом JS (события, таймеры, ajax, загрузка ресурсов). , error) помещается в веб-API (очередь задач). Когда код в стеке выполнения завершен, перейдите в очередь задач и возьмите первый из них для выполнения. После выполнения получите один из очереди задач и выполните его. выполнять его повторно (цикл событий) до тех пор, пока выполнение в очереди задач не завершится.
window.history используется для получения URL-адреса текущей страницы и перенаправления браузера на новую страницу.
http://www.itcast.cn:80/index.html?name=andy&age=1#link http: протокол связи www.itcast.cn: имя домена 80: индекс порта.html: путь?name=andy&age=1: параметр #link фрагмент: точка привязки,
атрибут объекта ссылки:
текущего URL-адреса:
navigator: объект, который инкапсулирует информацию о конфигурации браузера.
window.history объект включает коллекцию истории браузера (url)
window.screen содержит информацию о пользователе 
// экран: получить размер разрешения устройства отображения // Полное разрешение: screen.widht/height // Как определить тип клиента, совместимого со всеми шириной клиента // Большой экран, средний экран, маленький экран, ультрамаленький экран // lg md sm xs // ТВ, ПК, планшетный телефон //Ширина >= 1200 >=992 >= 768 < 768 //Оставшееся разрешение после удаления панели задач // screen.availHeight/availWidth
может динамически получать положение (смещение), размер и т. д. элемента.
Часто используемые атрибуты серии offset:
общие атрибуты,
такие как размер границы и размер элемента элементов
:динамически
получает размер иэлементов.
прокрутки. При прокрутке будет вызвано событие onscroll.
window.pageXOffset/pageYOffset IE8 и ниже несовместимы с document.body/documentElement.scrollLeft/scrollTop Совместимость сбивает с толку и занимает много времени. Добавьте два значения, потому что это невозможно. чтобы два значения имели значения одновременно , метод совместимости инкапсуляции найдите расстояние качения колеса полосы прокрутки getScrollOffet()
/*
Инкапсулирует метод для получения расстояния прокрутки полосы прокрутки. Возвращает: x: расстояние прокрутки горизонтальной полосы прокрутки y: расстояние прокрутки вертикальной полосы прокрутки */function getScrollOffet(){.
если (window.pageXOffset) {
return {//{} объекта должен быть после ключевого слова, иначе система автоматически добавит его, и возвращаемое значение будет неопределенным;
х: окно.pageXOffset,
y: 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()
/*Encapsulation возвращает возвращаемое значение размера области просмотра браузера. :
w: ширина области просмотра h: высота области просмотра*/function getViewportOffset(){
если (window.innerWidth) {
возвращаться {
w : window.innerWidth,
ч: window.innerHeight }
}else{ //Совместимость с браузерами IE8 и более ранних версий if(document.compatMode == 'BackCompat'){
//Возврат { в странном режиме рендеринга
w : document.body.clientWidth,
ч: document.body.clientHeight }
}еще{
//Стандартный режим return {
w : document.documentElement.clientWidth,
ч: document.documentElement.clientHeight }
}
}}console.log(document.compatMode); // Странный режим BackCompat // Стандартный режим CSS1Compat domElement.getBoundingClientRect() в ES5 обеспечивает хорошую совместимость, возвращая объект, содержащий left; , Атрибуты, такие как верхний, правый и нижний. Левый и верхний представляют координаты X и Y верхнего левого угла элемента. Правый и нижний представляют координаты X и Y нижнего правого угла элемента. Атрибуты ширины не реализованы в старых версиях IE. Возвращаемые результаты не отображаются в режиме реального времени. '
// Получаем позицию элемента в документе function getElementPosition(target){.
//Поддержка метода BoundingClientRect() if(0 && target.getBoundingClientRect){
вар 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
}
вар _elm = цель;
в то время как (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;
}
return { x : pos.left, y : pos.top}
}} Строка состояния
положение окна
отображения статуса браузераи другие атрибуты