栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

网页中的宽高度的分类介绍

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

网页中的宽高度的分类介绍

一、页面的实际宽度和高度读取

计算页面实际官款和高度的代码如下所所示:




    
    
    
    


    
    


代码运行结果如下

二、眼睛能见的高度和宽度

计算视口高度和视口宽度的代码如下




    
    
    
    


    


      11
      
    


代码运行结果如下:

三、页面相对于左上角的横纵坐标(眼睛看到的部分)

通过js计算网页元素距离左上角的横坐标和纵坐标,代码如下所示




    
    
    
    


    
        
  • sdfsdfsdfds

代码运行结果如下:

 四、页面上相对于左上角的横纵坐标(实际页面的大小)

通过js计算网页元素距离左上角的横坐标和纵坐标(页面的实际),代码如下所示




    
    
    
    


    
        
  • sdfsdfsdfds

重点说明:两种情况:在标准模式下,即文档头部有 doctype 声明,浏览器滚动条是属于 html 元素的,只能通过 document.documentElement.scrollTop 获取滚动距离。在怪异模式下,即文档头部没有 doctype 声明,浏览器滚动条数属于 body,因此通过 document.body.scrollTop 获取滚动距离。

代码运行结果如下:

 五、页面滚动条移动的距离

网页滚动的水平距离和网页滚动的垂直距离代码如下:




    
    
    
    


    
        
  • sdfsdfsdfds

代码运行效果如下

六、页面元素的实际高度

获取页面元素的实际宽度和高度代码如下所示:




    
    
    
    


    
        
  • sdfsdfsdfds
11

获取页面元素的实际宽度和高度运行效果如下

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/996565.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号