JS/JQ obtém a altura e largura de várias telas

Pequeno · Publicado em 20/06/2017 15:01:43

Javascrip{filter}t:

Á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

JQuery:

$(documento).ready(função(){
alerta($(janela).altura()); A altura da área visível da janela atual do navegador
alerta($(documento).altura()); A altura do documento na janela atual do navegador
alerta($(document.body).altura()); A altura do corpo atual do documento de janela do navegador
alert($(document.body).outerHeight(true)); A altura total do corpo atual do documento da janela do navegador inclui a margem de preenchimento da borda

alerta($(janela).largura()); A largura da área visível da janela atual do navegador
alerta($(documento).largura()); A largura do objeto documento na janela atual do navegador
alerta($(document.body).width()); A largura do corpo atual do documento de janela do navegador
alert($(document.body).outerWidth(true)); A largura total do corpo atual do documento da janela do navegador inclui a margem de preenchimento da borda

})

yuyun100 · Publicado em 24/04/2018 14:20:12

Guarde para depois ~

[JavaScript] JS/JQ obtém a altura e largura de várias telas

Posts Relacionados

Seções visualizadas