十个JS技巧

1、定时器

setTimeout(function(num){
alert(num);
},1000,123);
定时器不只有两个值,123是前面函数的回调参数

2、拼接字符串

document.body.innerHTML =
'<div>div</div>\
<span>span</span>\
<p>p</p>\
55555';

可以用“\”拼接字符串

3、console.log()

var a = 'hello';
console.log('%c'+a,'font-size:400%;background:blue;color:white;');
可以在console.log里加样式

4、typeof

var arr = [];
arr.num = 10;
// alert(typeof arr);
// alert(typeof(arr));
//instanceof
//in
// alert(arr instanceof Object);
// alert(arr instanceof(Object));

// alert('num' in arr);
alert('num' in (arr));
typeof arr 等同于 typeof(arr);

5、嵌套for循环

a:for(var i=0;i<5;i++){
for(var j=0;j<1;j++){
if(i==3){
break a;
}
alert(i);
}
}
跳出循环

6、for(;;)

var i=0;
for(;;){
if(++i>=5){
break;
}
}

7、Call

var obj ={
aaa:function(){
alert(this);
}
};
var arr = [1,2,3];
obj.aaa.call();

8、insertBefore

<input type="button" value="添加" id="input1">
<ul id="ul1"></ul>


window.onload = function(){
var oInput = document.getElementById('input1');
var oUl = document.getElementById('ul1');
var iNow = 0;
var aLi = oUl.getElementsByTagName('li');

oInput.onclick = function(){
var oLi = document.createElement('li');
oLi.innerHTML = iNow++;
oUl.insertBefore(oLi,aLi[0]);
};
};
oUl.appendchild()是在后面添加子节点,insertBefore是在前面添加

9、匿名函数自执行

(function(){
alert(123);
})();
~function(){
alert(123);
}();
!function(){
alert(123);
}();

    +function(){
alert(123);
}();

用括号把匿名函数括起来,或者在前面添加位运算符,匿名函数才能自执行,不报错

10、创建对象

function Aaa(){}
var a1 = new Aaa;
alert(a1);
var arr = new Array;
alert(arr);
创建对象时可以省略()

阅读更多
想对作者说点什么? 我来说一句

ADO.NET的十个热门技巧.rar

2009年04月19日 236KB 下载

js技巧收集js技巧收集

2009年01月18日 42KB 下载

js使用技巧

2011年12月23日 19KB 下载

构建高性能J2EE应用的十个技巧

2010年10月01日 36KB 下载

JavaScript技巧收集

2009年04月08日 79KB 下载

JS技巧大全 javascript

2009年07月23日 87KB 下载

没有更多推荐了,返回首页

不良信息举报

十个JS技巧

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭