代码改变世界

常用javascript代码

2008-07-09 16:32  myjava2  阅读(168)  评论(0编辑  收藏  举报

1.onpropertychange
对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。
也就是说:onpropertychange能及时捕获属性值的变化,而onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件!
<td><INPUT id="uploadFile" onpropertychange="document.images.myimg.src=this.value;" 
         size="40" type="file" runat="server" NAME="uploadFile"><br/>
         <IMG id="myimg" src="../images/showimg.gif" border="0">
</td>

2.阴影效果
<script>
var global = window.document
global.fo_shadows = new Array
function makeRectangularDropShadow(el, color, size)
{
 var i;
 for (i=size; i>0; i--)
 {
  var rect = document.createElement('div');
  var rs = rect.style
  rs.position = 'absolute';
  rs.left = (el.style.posLeft + i) + 'px';
  rs.top = (el.style.posTop + i) + 'px';
  rs.width = el.offsetWidth + 'px';
  rs.height = el.offsetHeight + 'px';
  rs.zIndex = el.style.zIndex - i;
  rs.backgroundColor = color;
  var opacity = 1 - i / (i + 1);
  rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
  el.insertAdjacentElement('afterEnd', rect);
  global.fo_shadows[global.fo_shadows.length] = rect;
 }
}
</script>
<div id=menu style="position:absolute; left: 10px; top: 10px; background: #EEEEEE; width: 200px; height: 100px; padding: 3px; border: 1 #999999 solid; cursor: default">
aaa
</div>
<script>
makeRectangularDropShadow(document.all["menu"], "#666666", 4);
</script>

3. dom对象:
nextSibling意指后一个"兄弟或姐妹"。如果你需要使用 nextSibling ,并且你使用的 IE 浏览器,或者是基于 IE 内核的,呢么你一定要小心使用 <input > 类型的标签 。他会把空格回车也当成自己的亲兄弟。
previousSibling意指前一个"兄弟或姐妹"
要找到父对象可以使用 parentElement,parentNode 方法
要找到子对象可以使用 firstChild,lastChild,childNodes

4.保留2位小数

num.toFixed(2)