Las páginas web son el ancho del área visible: document.body.clientwidth
El área de la página web es alta: document.body.clitingHeight
Las páginas web son el ancho del área visible: document.body.offsetwidth (incluido el ancho del borde)
El área de la página web es alta: document.body.offsetheight (incluido el ancho del borde)
Texto completo amplio: document.body.scrollwidth
El texto completo del texto de la página web alto: document.body.scrollheight
La página web está enrollada altas: document.body.scrolltop
La página web se enrolla a la izquierda: document.body.scrollleft
Parte de la página web Parte: Window.screentop
Página web El texto a la izquierda: Window.Screenleft
Resolución de pantalla alta: Window.screen.Height
Ancho de la resolución de la pantalla: Window.screen.Width
Pantalla disponible en la altura del área de trabajo: ventana.screen.availheight
Pantalla Amplio del área de trabajo disponible: Window.Screen.availwidth
HTML Posición precisa
ScrollHeight: Obtenga la altura de desplazamiento del objeto.
Scrollleft: configure o obtenga la distancia entre el extremo izquierdo del contenido actualmente visible en el límite izquierdo y la ventana del objeto
Scrolltop: configure o obtenga la distancia entre la parte superior del objeto y la parte superior de la ventana en la ventana
Ancho de desplazamiento: obtenga el ancho de desplazamiento del objeto
Offsetheight: la altura de las coordenadas matriz especificadas por el atributo offsetSetParent por el objeto de obtención
OffsetLeft: para el cálculo de la posición izquierda de la coordenada patriarcal de la coordenada patriarcal especificada por el atributo offetSetParent
Offsettop: la posición superior del cálculo de la coordenada patriarcal del patrón especificado por el atributo Offsettop
Event.Clientx Coordenadas horizontales de documentos relativos
Event.Clienty's vertical coordenadas de documentos relativos
Event.Offsetx Coordenadas horizontales de contenedores relativos
Event.Offsety's vertical coordenadas
document.docUmenetElement.scrolltop Valted Valley Rolling Valley
Event.clientx+document.documentelement.scrolltop La etiqueta del asiento horizontal del documento relativo+la cantidad de rodadura vertical rodante
Es decir, las diferencias de Firefox son las siguientes:
IE6.0, FF1.06+:
Clientwidth = ancho + relleno
clientHeight = altura + relleno
OffsetWidth = ancho + relleno + borde
Offsetheight = altura + relleno + borde
IE5.0/5.5:
ClientWidth = Width -Border
clientHeight = altura -Border
Offsetwidth = ancho
Offsetheight = altura
(Necesito mencionar: los atributos de margen en CSS no están relacionados con el ancho de clientes, OffsetWidth, ClientHeight, officeTheight)
=========================================== ===
Ayer, reemplazé algunas páginas en el proyecto. El ancho obtenido por el ancho de la página obtenido por oraciones como document.docUmenetElement.ClientWidth es 0. Después de un poco de Google, me di cuenta de que era la falta de referencias al estándar W3C en la nueva página, lo que resultó en el documento. Documentedlement.ClientWidth Fall:
<!
Si agrega esta línea a la página
En IE:
document.body.clientwidth ==> ancho del objeto del cuerpo
document.body.clitingHeight ==> Altura del objeto del cuerpo
document.documentelement.clientwidth ==> ancho de área visible
document.documentelement.clientheight ==> altura de área visible
En Firefox :
document.body.clientwidth ==> ancho del objeto del cuerpo
document.body.clitingHeight ==> Altura del objeto del cuerpo
document.documentelement.clientwidth ==> ancho de área visible
document.documentelement.clientheight ==> altura de área visible
En Opera:
document.body.clientwidth ==> ancho de área visible
document.body.clitingHeight ==> Altura de área visible
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho de margen)
document.documentelement.clientHeight == >> Altura del objeto de página (es decir, la altura del objeto del cuerpo más el margen alto)
Y si no hay una definición estándar de W3C, entonces
Es decir, es:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
Firefox es:
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho del margen) Document.DocUmenetElement.ClientHeight ==> Page Face Objeto Altura (es decir, la altura del objeto del cuerpo más el margen alto)
La ópera es:
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho del margen) Document.DocUmenetElement.ClientHeight ==> Page Face Objeto Altura (es decir, la altura del objeto del cuerpo más el margen alto)