|
|
Publicado em 03/07/2018 16:54:42
|
|
|
Javascrip{filter}t obtém o tamanho da tela, janela do navegador, navegador e altura e largura da página web
Área de visibilidade da página web: document.body.clientWidth
Área de visibilidade da página: document.body.clientAltura
Área visível da página web largura: document.body.offsetWidth (incluindo a largura da borda)
Área visível da página web altura: document.body.offsetAltura (incluindo a largura da borda)
A largura completa do texto do corpo da página web: document.body.scrollWidth
O texto completo da página web é alto: document.body.scrollHeight
A página está rolando para o alto: document.body.scrollTop
A página é rolada para a esquerda: document.body.scrollLeft
No corpo da página web: window.screenTop
O corpo da página da web é à esquerda: window.screenLeft
Alta resolução da tela: window.screen.height
Largura da resolução da tela: window.screen.width
Tela disponível altura do espaço de trabalho: window.screen.availHeight
Largura disponível do espaço de trabalho: window.screen.availWidth
O jQuery recebe várias larguras e alturas
Área de visualização do navegador
$(janela).altura()
$(janela).largura()
O tamanho do documento da página
$(documento).altura()
$(documento).largura()
O tamanho do corpo atual do documento janela
$(document.body).altura()
$(document.body).width()
A altura vertical da barra de rolagem até o topo (ou seja, a altura em que a página é enrolada)
$(document).scrollTop()
$(document).scrollLeft()
Direcionamento preciso em HTML: scrollLeft, scrollWidth, clienteWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relativo às coordenadas horizontais do documento
event.clientY relativo às coordenadas verticais do documento
event.offsetX relativo às coordenadas horizontais do contêiner
event.offsetY em relação às coordenadas verticais do contêiner
document.documentElement.scrollValor máximo para rolagem vertical
event.clientX+document.documentElement.scrollTop A quantidade de coordenadas horizontais + rolagem vertical em relação ao documento
Ou seja, as diferenças entre o Firefox são as seguintes:
IE6.0、FF1.06+:
Largura do cliente = largura + preenchimento
clienteAltura = altura + enchimento
offsetWidth = largura + preenchimento + borda
offsetAltura = altura + preenchimento + borda
IE5.0/5.5:
Largura do cliente = largura - borda
clienteAltura = altura - borda
offsetWidth = largura
Deslocamento Altura = altura
(Vale mencionar: o atributo margin no CSS não tem nada a ver com clienteWidth, offsetWidth, clientHeight, offsetHeight)
Área de visibilidade da página web: document.body.clientWidth
Área de visibilidade da página web altura: document.body.clientAltura
Área visível da página web largura: document.body.offsetWidth (incluindo a largura da borda)
Área Visível da Web Altura: document.body.offsetAltura (incluindo a altura das bordas)
A largura completa do texto da página web: document.body.scrollWidth
Texto completo altura: document.body.scrollHeight
A página está rolando para o alto: document.body.scrollTop
A página é rolada para a esquerda: document.body.scrollLeft
No corpo da página web: window.screenTop
À esquerda do corpo da página web: window.screenLeft
Alta resolução da tela: window.screen.height
Largura da resolução da tela: window.screen.width
Tela disponível altura do espaço de trabalho: window.screen.availHeight
Largura disponível do espaço de trabalho: window.screen.availWidth
div.style.top: A distância máxima relativa ao componente onde a div está localizada
－－－－－－－－－－－－－－－－－－－
Destaques técnicos
O código nesta seção usa principalmente algumas propriedades do objeto Document sobre a janela, e as principais funções e uso dessas propriedades são as seguintes.
Para obter o tamanho de uma janela, diferentes propriedades e métodos precisam ser usados para diferentes navegadores: para detectar o tamanho real de uma janela, você precisa usar a propriedade Janela no Netscape; No IE, você precisa ir fundo no documento para detectar o corpo. No ambiente DOM, para obter o tamanho da janela, você precisa prestar atenção ao tamanho do elemento raiz, não ao elemento.
A propriedade innerWidth do objeto Janela contém a largura interna da janela atual. A propriedade innerHeight do objeto Janela contém a altura interna da janela atual.
O atributo corpo do objeto Document corresponde à tag do documento HTML. A propriedade documentElement do objeto Document representa o nó raiz do documento HTML.
document.body.clientHeight indica a altura atual da janela onde o documento HTML está localizado. document.body. clienteWidth representa a largura atual da janela onde o documento HTML está localizado.
Eventos de dimensionamento do navegador
window.onresize=funName; Chame a função funName quando o tamanho do navegador mudar |
Anterior:SEO Título Descrição de palavras-chave Limite de palavras Título, palavras-chave, descrip{filter}tion comprimentoPróximo:O tipo "Objecto" é definido em uma montagem sem referência. Preciso adicionar uma resposta ao programa...
|
