zoukankan      html  css  js  c++  java
  • document.body.clientHeight与document.documentElement.clientHeight

    当你的网页有:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

    的时候,document.body.clientHeight就用不了,页面无限拉长。 这个时候可以用document.documentElement.clientHeight来替代。 对于width同理。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    如果在页面中添加这行标记的话
    在IE中:
    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度

    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    在FireFox中:

    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight
    ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    ?
    在Opera中:

    document.body.clientWidth ==> 可见区域宽度
    document.body.clientHeight
    ==> 可见区域高度
    document.documentElement.clientWidth ==>
    页面对象宽度(即BODY对象宽度加上Margin宽)
    document.documentElement.clientHeight ==>
    页面对象高度(即BODY对象高度加上Margin高)
    而如果没有定义W3C的标准,则
    IE为:

    document.documentElement.clientWidth ==> 0
    document.documentElement.clientHeight ==> 0
    FireFox为:

    document.documentElement.clientWidth ==>
    页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==>
    页面对象高度(即BODY对象高度加上Margin高)
    Opera为:
    document.documentElement.clientWidth
    ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==>
    页面对象高度(即BODY对象高度加上Margin高)

  • 相关阅读:
    使用AD你应该避免的五个错误
    卸载常用组件
    学会批处理,用心学很容易
    VI的用法
    安装Linux版VNC 企业版
    【3】淘宝sdk的下载和安装
    【7】创建一个自己的模板
    【6】网店模板目录及文件介绍
    【11】淘宝sdk的DOM、CSS规范、Widget规范(这个Widget规范差不多就是网页效果)和HTML规范
    【2】认识淘宝sdk模板
  • 原文地址:https://www.cnblogs.com/peng14/p/3205703.html
Copyright © 2011-2022 走看看