Javascript CSS记事
注："elm"代表某个DOM元素，"xxx"代表某个CSS属性
一、elm.style.xxx 只能获取内联样式里的值
要想获得正确的css值：
IE：elm.currentStyle[xxx]
W3C标准：document.defaultView.getComputedStyle(elm,"")[xxx]
注意：用IE方法返回值可能不是数字，而是auto；用w3c的方法总是会返回数字+单位
三、offsetLeft
1.浏览器是否会把body的各个属性值(margin,padding,border)包括在offsetLeft内？
IE6/7IE8Firefox
margin-left
否
是
是
padding-left
是
是
是
border-left
否
是
否
2.父元素的属性值也会包括在offsetLeft内
3.对于元素自身的属性值，只有margin-left会被包括在offsetLeft内
4.在元素 display:none 情况下 offsetLeft 的值： IE6/7:-1 IE8/Firefox:0
5.visibility:hidden不会影响offsetLeft
6.body的offsetLeft值:
A.IE6/7会把body的margin-left包括在其offsetLeft内
B.若body有宽度为x的边框(border)，在Firefox里body的offsetLeft会变成-x
四、offsetTop
情况与offsetLeft一样
五、offsetWidth和offsetHeight
在所有主流浏览器里，这两个属性的值都是：border+padding+width
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
通过WMI来实现获取客户端计算机硬件及系统信息:
1//系统信息获取
2function getSysInfo(){
3 var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
4 var service = locator.ConnectServer(".");
5 //CPU信息
6 var cpu = new Enumerator (service.ExecQuery("SELECT * from Win32_Processor")).item(); ......
<script language="javascript" type="text/javascript">
fea = "width=400,height=300,top=100,left=300,resizable=0,scrollbars=0,dependent=yes";
fea_action="width=200,height=100,left=256,top=260,resizable=0,scrollbars=0,dependent=yes"
function f_gopage(page){
form2.page.value=page;
form2.pages ......
这个“浏览器默认HTML的CSS样式属性”，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *
{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。
但通配选择器在大型网站的构建中，影
响性能，可以参考52CSS.com的相关文章，大家还是需要谨慎一些。
� ......
