js中的一些小技巧

1. 使form上面没有空行
<form style="padding-top:0 "></form>   

2.自定义属性
<select id="sel" onChange="alert(sel[selectedIndex].aa)">
 <option value="a1" aa="b1">1</option>
 <option value="a2" aa="b2">2</option>
 <option value="a3" aa="b3">3</option>
 <option value="a4" aa="b4">4</option>
</select>
html中可以虽然不可以自定义标签,但可以自定义属性。
select有一个selectedIndex属性用来索引各个选项

3. 动态改变class
this.className="otherclass"

4. arguments 用来取函数参数数组
function fun() {
 args = fun.arguments;
 for(i=0;i<args.length;i++)
  alert(args[i]);
}

5. 参数传递时来判断是否给定
typeof w == "undefined"
判断是否有w参数
当然别处也可以用来判断类型

6.returnValues来给定窗体的返回值
比如showModalDialog的。

7.elements是form的成员数组
function selAll(form) {
 for (var i=0;i<form.elements.length;i++) {
    var e = form.elements[i];
    if (e.name != 'SelectAll')
       e.checked = form.SelectAll.checked;
   }
}

8. visibility 来动态给定显示与否

9.
document.getElementById("uid")
用ID来取对象

10.
   当前鼠标距屏幕左边位置: event.screenX
 当前鼠标距控件左边位置: event.offsetX  

 showx = event.screenX - event.offsetX;
 showy = event.screenY - event.offsetY;

 

你可能感兴趣的:(html,function,Class,fun)