易截截图软件、单文件、免安装、纯绿色、仅160KB

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盒模型详细讲解

CSS 盒模型
  网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
  
  如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
  这个图表很好地展示了作用于页面上任意盒子的数值。
  
  注意以上两个例子中,margi ......

Javascript级联操作代码

 js.js
var xmlDoc;
function cleanData(getObj)
{
if(getObj)
{
getObj.options.length = 0;
}
}
function getxmlDoc()
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
......

使用DisplayTag和JavaScript创建增强型的表格


Every Web developer has to tangle with tables. A new open source library, DisplayTag, can make life with tables much more organized. Find out how to combine the DisplayTag library with JavaScript to make a slick app that displays line item details.  
by Stephen Strenn
isplaying data in a t ......

css自动换行,防止撑破div

动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
<
id="wrap">正常文字的换行(亚洲文字和非亚洲文字) ......

改变页面使用的CSS文件,使网页进行布局或色调等改变

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号