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高)

  • 相关阅读:
    ECharts图形库
    python_flask 注册,登陆,退出思路 ---纯个人观点
    python基础-类的继承
    python基础-面向对象
    python基础-大杂烩
    python基础-异常处理
    python基础-文本操作
    python基础-模块
    python基础-函数
    python基础-字典
  • 原文地址:https://www.cnblogs.com/peng14/p/3205703.html
Copyright © 2011-2022 走看看