常用javascript代码

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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值