desplazamientoarriba
Obtiene la posición superior calculada del objeto en relación con el diseño o las coordenadas principales especificadas por la propiedad offsetParent.
desplazamientoIzquierda
Obtiene la posición izquierda calculada del objeto en relación con el diseño o las coordenadas principales especificadas por la propiedad offsetParent.
desplazamientoAltura
Obtiene la altura del objeto en relación con el diseño o la coordenada principal especificada por la propiedad offsetParent.
IE y Opera creen que offsetHeight = clientHeight + barra de desplazamiento + borde.
NS y FF consideran que offsetHeight es la altura real del contenido de la página web, que puede ser menor que clientHeight.
ancho de desplazamiento
Obtiene el ancho del objeto en relación con el diseño o la coordenada principal especificada por la propiedad offsetParent.
compensaciónpadre
Obtiene una referencia al objeto contenedor que define las propiedades offsetTop y offsetLeft del objeto.
altura del cliente
Obtiene la altura de un objeto, sin contar los márgenes, bordes, barras de desplazamiento o relleno que puedan aplicarse al objeto.
Todos no tienen objeciones a clientHeight. Todos piensan que es la altura del área visible del contenido, es decir, la altura del área donde se puede ver el contenido en el navegador de la página. es el área debajo de la última barra de herramientas y encima de la barra de estado. No tiene nada que ver con el contenido de la página.
clienteIzquierda
Obtiene la distancia entre la propiedad offsetLeft y el lado izquierdo real del área del cliente.
clientearriba
Obtiene la distancia entre la propiedad offsetTop y la parte superior real del área del cliente.
ancho del cliente
Obtiene el ancho de un objeto, sin contar los márgenes, bordes, barras de desplazamiento o relleno que puedan aplicarse al objeto.
Atributo de desplazamiento
voluta
Establece u obtiene si el desplazamiento está desactivado.
desplazamientoAltura
Obtenga la altura de desplazamiento del objeto.
desplazarse hacia la izquierda
Establece u obtiene la distancia entre el borde izquierdo del objeto y el borde más a la izquierda del contenido actualmente visible en la ventana.
desplazarsearriba
Establece u obtiene la distancia entre la parte superior del objeto y la parte superior del contenido visible en la ventana.
ancho de desplazamiento
Obtiene el ancho de desplazamiento del objeto. atributo de evento
incógnita
Establece u obtiene la coordenada x-píxel de la posición del puntero del mouse en relación con el documento principal.
pantallaX
Establece u obtiene la coordenada x de la posición del puntero del mouse en relación con la pantalla del usuario
compensaciónX
Establece u obtiene la coordenada x de la posición del puntero del mouse en relación con el objeto que desencadenó el evento.
clienteX
Establece u obtiene la coordenada x de la posición del puntero del mouse en relación con el área del cliente de la ventana, donde el área del cliente no incluye los controles y las barras de desplazamiento propios de la ventana.
Aquí hablamos de la interpretación de clientHeight, offsetHeight y scrollHeight de document.body por parte de cuatro navegadores. Este es document.body. Si es un control HTML, es diferente.
Estos cuatro navegadores son IE (Internet Explorer), NS (Netscape), Opera y FF (FireFox).
altura del cliente
Todos no tienen objeciones a clientHeight. Todos piensan que es la altura del área visible del contenido, es decir, la altura del área donde se puede ver el contenido en el navegador de la página. es el área debajo de la última barra de herramientas y encima de la barra de estado. No tiene nada que ver con el contenido de la página.
desplazamientoAltura
IE y Opera creen que offsetHeight = clientHeight + barra de desplazamiento + borde. NS y FF consideran que offsetHeight es la altura real del contenido de la página web, que puede ser menor que clientHeight.
desplazamientoAltura
IE y Opera consideran que scrollHeight es la altura real del contenido de la página web, que puede ser menor que clientHeight. NS y FF consideran que scrollHeight es la altura del contenido de la página web, pero el valor mínimo es clientHeight. En pocas palabras
clientHeight es la altura del área donde se ve el contenido a través del navegador.
NS y FF creen que offsetHeight y scrollHeight son alturas de contenido web, pero cuando la altura del contenido web es menor o igual que clientHeight, el valor de scrollHeight es clientHeight y offsetHeight puede ser menor que clientHeight.
IE y Opera consideran que offsetHeight es el área visible de la barra de desplazamiento clientHeight más el borde. scrollHeight es la altura real del contenido de la página web.
Misma razón
Las explicaciones de clientWidth, offsetWidth y scrollWidth son las mismas que las anteriores, simplemente reemplace la altura con el ancho.
pero
FF interpreta clientHeight de manera diferente en diferentes DOCTYPE, pero xhtml 1 transicional no lo interpreta como se indicó anteriormente. Otros navegadores no tienen este problema.
js obtiene la altura de la página
Copie el código de código de la siguiente manera:
<guión>
función obtener información()
{
var = "";
s += "Ancho del área visible de la página web:"+ document.body.clientWidth;
s += "La altura del área visible de la página web:"+ document.body.clientHeight;
s += "El ancho del área visible de la página web: "+ document.body.offsetWidth + " (incluido el ancho de los bordes y las barras de desplazamiento)";
s += "La altura del área visible de la página web: "+ document.body.offsetHeight + " (incluido el ancho del borde)";
s += "Ancho de texto completo del texto de la página web:"+ document.body.scrollWidth;
s += "Altura del texto completo del cuerpo de la página web:"+ document.body.scrollHeight;
s += "La altura a la que se desplaza la página web (ff):"+ document.body.scrollTop;
s += "La altura a la que se desplaza la página web (es decir):"+ document.documentElement.scrollTop;
s += "Se desplaza el lado izquierdo de la página web:"+ document.body.scrollLeft;
s += "En el cuerpo principal de la página web: "+ window.screenTop;
s += "Izquierda de la parte de texto de la página web:"+ window.screenLeft;
s += "La altura de la resolución de la pantalla:"+ ventana.pantalla.height;
s += "Ancho de resolución de pantalla:"+ ventana.pantalla.ancho;
s += "Altura del área de trabajo disponible en la pantalla:"+ window.screen.availHeight;
s += "Ancho del área de trabajo disponible en pantalla:"+ window.screen.availWidth;
s += "La configuración de su pantalla es "+ window.screen.colorDepth +" bit color";
s += "Configuración de tu pantalla" + window.screen.deviceXDPI +" Píxeles/pulgada";
//alerta(s);
}
obtener información();
</script>
En mi prueba local:
Se puede utilizar en IE, Firefox, Opera
documento.cuerpo.anchodelcliente
documento.cuerpo.alturadelcliente
Está disponible, es simple y conveniente.
Y entre proyectos de empresa:
La ópera todavía usa
documento.cuerpo.anchodelcliente
documento.cuerpo.alturadelcliente
Pero IE y Firefox usan
documento.documentElement.clientWidth
documento.documentElement.clientHeight
Resulta que los estándares del W3C están causando problemas.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Si agrega esta línea de etiquetas a la página
En IE:
document.body.clientWidth ==> ancho del objeto CUERPO
document.body.clientHeight ==> altura del objeto CUERPO
document.documentElement.clientWidth ==> Ancho del área visible
document.documentElement.clientHeight ==> Altura del área visible
En Firefox:
document.body.clientWidth ==> ancho del objeto CUERPO
document.body.clientHeight ==> altura del objeto CUERPO
document.documentElement.clientWidth ==> Ancho del área visible
document.documentElement.clientHeight ==> Altura del área visible
En ópera:
document.body.clientWidth ==> Ancho del área visible
document.body.clientHeight ==> Altura del área visible
document.documentElement.clientWidth ==> Ancho del objeto de página (es decir, ancho del objeto CUERPO más ancho del margen)
document.documentElement.clientHeight ==> Altura del objeto de página (es decir, altura del objeto CUERPO más altura del margen)
Y si no hay ningún estándar W3C definido, entonces
Es decir, es:
documento.documentElement.clientWidth ==> 0
documento.documentElement.clientHeight ==> 0
Firefox es:
document.documentElement.clientWidth ==> Ancho del objeto de página (es decir, ancho del objeto BODY más ancho del margen) document.documentElement.clientHeight ==> Alto del objeto de página (es decir, alto del objeto BODY más alto del margen)
La ópera es:
document.documentElement.clientWidth ==> Ancho del objeto de página (es decir, ancho del objeto BODY más ancho del margen) document.documentElement.clientHeight ==> Alto del objeto de página (es decir, alto del objeto BODY más alto del margen)
Es realmente problemático. De hecho, desde una perspectiva de desarrollo, sería mucho más conveniente tener menos objetos y métodos y no utilizar los últimos estándares.