摘要: 1.跟定位相关的属性 width //这几个就不多讲了 height left top offsetWidth //网页宽度 offsetHeight //网页高度 offsetLeft //相对父元素的左偏移,不同浏览器计算方式不一样 offsetTop //相对父元素的右偏移 clientWidth //document.documentElement.clientWidth 网页宽度,也就是滚动条中可拖动的条子的长度 clientHeight //网页的高度(包含滚动条的高) client... 阅读全文
posted @ 2012-09-20 18:50 microsoft_kk 阅读(462) 评论(0) 推荐(0) 编辑
摘要: 1.获取元素的实际的CSS层叠最后的样式(currentStyle、getComputedStyle) alert(oDiv.currentStyle.width);//IE,currentStyle保留原来定义在CSS中的单位 alert(window.getComputedStyle(oDiv,null).width);//W3C DOM,并且总是返回计算后的像素值 //另外,两种方式都不能获取那些CSS简写方式定义的,下面两个都会输出空 alert(oDiv.currentStyle.background); alert(getComputedStyle(o... 阅读全文
posted @ 2012-09-20 16:42 microsoft_kk 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 1.取得事件对象及取得事件目标对象 document.onclick =function (evt) { evt = evt || window.event;//在IE中evt会是undefined //而支持W3C DOM事件的浏览器中事件对象将会作为事件处理函数的第一个参数 var targetElement = evt.target || evt.srcElement; //IE中事件对象没有target属性 };2.添加事件 function addEvent(obj,evtype,fn,useCapture) ... 阅读全文
posted @ 2012-09-20 16:17 microsoft_kk 阅读(284) 评论(0) 推荐(0) 编辑
摘要: window objectdocument 对象frames 对象history 对象location 对象navigator 对象screen 对象一般所说的DOM是指XML DOM,而W3C也为HTML页面提供了更快捷的DOM——HTML DOM!使用HTML DOM,能使访问HTML标签的属性就像访问JavaScript创建的对象的属性一样简单var bodyTag = document.documentElement.lastChild;//DOM标准方式 bodyTag = document.body;//HTML DOM方式 var titleTag = documen... 阅读全文
posted @ 2012-09-20 15:09 microsoft_kk 阅读(558) 评论(0) 推荐(0) 编辑