本文共 952 字，大约阅读时间需要 3 分钟。

JS第六天

一.元素偏移量offset系列

1.1 offset概述

offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。

● 获得元素距离带有定位父元素的位置 ● 获得元素自身的大小(宽度高度) ● 注意:返回的数值都不带单位

offset系列常用属性:

1.2 offset与style区别

offset

● offset可以得到任意样式表中的样式值 ● offset系列获得的数值是没有单位的 ● offsetWidth包含padding+ border +width ● offsetWidth等属性是只读属性,只能获取不能赋值 ● 所以,我们想要获取元素大小位置,用offset更合适

---

style

● style只能得到行内样式表中的样式值 ● style.width获得的是带有单位的字符串 ● style.width获得不包含padding和border的值 ● style.width是可读写属性,可以获取也可以赋值 ● 所以,我们想要给元素更改值,则需要用style改变

二.元素可视区client系列

我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

三.立即执行函数

立即执行函数(function() {})（）或者(function({}（）)

主要作用:创建一个独立的作用域。避免了命名冲突问题

三.案例

1.登录框

    
               
   
    点击，弹出登录框
   
    
   
        
    
     登录会员            
     关闭        
    
        
    
            
     
                
      用户名：                
                  
     
            
     
                
      登录密码：                
                  
     
        
    
        
    
     登录会员
    
    
   
    
   
    

转载地址：https://blog.csdn.net/I_love_bc/article/details/115522287 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！