offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别

offsetWidth/offsetHeight返回值包含content + padding + border ,如果有滚动条,也不包含滚动条

clientWidth/clientHeight返回值只包含content + padding,如果有滚动条,也不包含滚动条

scrollWidth/scrollHeight返回值包含content + padding + 溢出内容的尺寸

   
    
    
        
        
        Page Title
        
        
    
    
        
你还你还你还你还你还你还你还你还你还你还你还你还你还你还 你还你还你还你还你还你还你还你还你还你还你还你还你还你还

offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别_第1张图片

你可能感兴趣的:(js)