javascript技巧总结

 1 1、删除前后空格 String.prototype.trim = function () { return this.replace(/(^[ |　])|([ |　]$)/g, ""); }
 2 
 3 2、把 document.getElementById(id) 转换成 $("id")
 4 
 5 function $(id) { return typeof (id) == ‘string‘ ? document.getElementById(id) : id }
 6 
 7 3、document.getElementsByTagName(‘*‘).length 查看页面有多少个 Dom 元素；
 8 
 9 4、parseInt() 只会返回整数部分；一个完整的parseInt应该是这样的：parseInt(string, radix)，其中radix指定数字的进制（十进制，二进制，十六进制etc.） parseInt("f",16): 15 把加号放在包含合法数字的字符串前面会将字符串转化为数字；Null 用成数字时会表现为0，做布尔时表现为false.声明一个变量但没有赋值，此时这个变量的值为undefined. Undefined用作数字时类型表现为NaN, 用作布尔时表现为false.
10 
11 5、按照 json 的属性值排序
12 var cc=[
13 { name: "a", age: 30},
14 { name: "c", age: 24},
15 { name: "b", age: 28},
16 { name: "e", age: 18},
17 { name: "d", age: 38}
18 ].sort(function(obj1, obj2) {
19 return obj1.age - obj2.age;
20 });
21 for(var i=0;i<cc.length;i++){
22 alert(cc[i][‘age‘]); //依次显示 18,24,28,30,38
23 }
24 
25 6、合并数组：
26 var mergeTo = [4,5,6];
27 var mergeFrom = [7,8,9];
28 Array.prototype.push.apply(mergeTo, mergeFrom);
29 mergeTo; // is: [4, 5, 6, 7, 8, 9]
30 
31 7、多点击事件获取点击的是哪个
32 $(‘#IndexLink,#IndexLink1‘).on(‘click‘, function (e) {
33 var id=e.target.id;
34 //id 取到的就是被点击的ID值
35 }
36 
37 8、再JavaScript中下面做法会声明全局变量
38 在function外使用声明变量（无论是否使用var） ；
39 在function内不是用var 声明变量 ；
40 直接赋值于window属性；
41 
42 9、window.history.forward(1); 阻止页面后退；
43 
44 10、 JS call 与aplly 用法
45 function Person(name, age) {
46 this.name = name;
47 this.age = age;
48 };
49 
50 function Student(name, age, grade) {
51 Person.apply(this, arguments);
52 this.grade = grade;
53 };
54 var student = new Student(‘qian‘, 21, ‘一年级‘);
55 alert(‘name:‘ + student.name + ‘\n‘ + ‘age:‘ + student.age + ‘\n‘ + ‘grade:‘ + student.grade);
56 
57 //也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,
58 //这样就将属性创建到了student对象里面。
59 
60 11、页面到底部自动加载内容：
61 var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;
62 if ((top + windowH) >divH) {
63 console.log(‘该他妈的加载内容了。‘);
64 }
65 console.log(‘网页正文全文高：‘ + document.body.scrollHeight + ‘ 网页被卷去的高： ‘ + document.body.scrollTop + ‘ 屏幕可用工作区高度:‘ + window.screen.availHeight);