【关于outerWidth()属性】的更多相关文章

关于outerWidth()属性

在写代码的时候,获取元素的宽度通常用到这个属性.此属性具有如下特点: 1.默认情况下,它的值为所有后代元素(含此元素本身)中最大的宽度值. 2.若某后代元素的display属性为none,那么在计算的时候,此后代元素的宽度值就不参与“最大”的比较了.…

jQuery中width、innerWidth、outerWidth的区别

原文:摘自http://www.canaansky.com/blog/107/ 在css的盒子模型中,最内部是content area,然后是padding.border.margin 那么width其实就是content area,innerWidth = width + paddingouterWidth = innerWidth + border 不过,jQuery的outerWidth属性还可以传递一个参数,那么:outerWidth(true) = outerWidth + margi…

JavaScript属性中的offsetLeft、offsetWidth、clientWidth、scrollLeft、scrollWidth、innerWidth

1.offsetLeft和offsetTop 只读属性,返回当前元素与父辈元素之间的距离(不包括边框).其中父辈元素的取法是有门道的: (1).若父辈元素中有定位的元素,那么就返回距离当前元素最近的定位元素的距离. (2).若父辈元素中没有定位元素,那么就返回相对于body的距离. (3).若当前元素具有固定定位(position:fixed;),那么返回的是当前元素与可视窗口的距离. <div id="a" style="width:400px;height:400p…

BOM 浏览器对象模型_window 对象的常见 window.属性_window.方法

1. 常用属性 window.devicePixelRatio        像素比 = css / 物理像素 window.scrollX,window.scrollY    滚动条 卷曲距离 if (window.scrollY < 75) { window.scroll(0, 75); } 获取浏览器组件对象 window.locationbar        地址栏对象 window.menubar        菜单栏对象 window.scrollbars        窗口的滚动条…

【repost】js window对象属性和方法相关资料整理

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture…

window对象的方法和属性汇总

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture…

javascript js全部的 全局属性 和 方法-window

window method: open(URL,窗口名称,窗口风格)//打开一个新的窗口,并在窗口中装载指定URL地址的网页 close()//close方法用于自动关闭浏览器窗口 alert(提示字符串)//弹出一个警告框 confirm(提示字符串)//显示一个确认框, 当用户单击“确定”按钮 时该方法返回true,单击“取消”时返回false. prompt(提示字符串,缺省文本)//显示一个输入框 当用户单击“确定”按钮时,返回用户输入的字符串,当 单击“取消”按钮时,返回null值 s…

javascript - 所有的视图属性和方法（offsetHeight、clientHeight、scrollHeight、innerHeight等）

注意:本文只简单的介绍了各个视图的属性和方法.如果想要知道兼容性或者更多,请至文章底部参考链接处. 本文内容分为五大部分: Window视图属性 innerHeight 和 innerWidth outerHeight 和 outerWidth pageXOffset 和 pageYOffset screenX 和 screenY Screen视图属性 availWidth 和a vailHeight colorDepth pixelDepth width 和 height 文档视图(Docum…

client/offset/srooll位置与关系

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> .id{ margin: 10px; border: 5px solid red; top: 40px; width: 300px; height:300px; } .jj{…

CSSOM视图模式(CSSOM View Module)相关整理(转载)

原文地址 http://www.zhangxinxu.com/wordpress/?p=1907 一.Window视图属性 这些属性可以hold住整个浏览器窗体大小.微软则将这些API称为“Screenview 接口”.包括: innerWidth 属性和 innerHeight 属性 pageXOffset 属性和 pageYOffset 属性 screenX 属性和 screenY 属性 outerWidth 属性和 outerHeight 属性 相关属性组对应的兼容性以及使用见下面. 1.…