zoukankan      html  css  js  c++  java
  • 浏览器页面区域大小的js获取方法

    浏览器页面区域大小的获取: 
    /在IE、FireFox、Opera下都可以使用 
    document.body.clientWidth 
    document.body.clientHeight 
    //即可获得,很简单,很方便。 
    //
    而在公司项目当中: 
    //
    Opera仍然使用 
    document.body.clientWidth 
    document.body.clientHeight 
    //可是IE和FireFox则使用 
    document.documentElement.clientWidth 
    document.documentElement.clientHeight 
    //原来是W3C的标准在作怪啊 
    //
    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 ==> 可见区域高度 www.jbxue.com
    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高) 
  • 相关阅读:
    如何将自己的做的Silverlight项目发布到博客园中
    JS对当前时间的操作
    rt—移植笔记1
    rt—移植笔记2(Lwip)
    RabbitMQ一:Windows安装RabbitMQ Server
    Redis实现分布式锁
    ssh前后台交互, list传输到前后展示,table传输到台数据!!!。ssh对象传输
    Delphi中API编程编译实现
    struts2简单遍历Map
    phonegap file操作
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3332083.html
Copyright © 2011-2022 走看看