几个实用的js技巧

来源：互联网发布：2016淘宝活动报名大全编辑：程序博客网时间：2024/05/16 06:51

js 使用技巧

1、页面到底部自动加载内容

var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;            if ((top + windowH) >divH) {                console.log('该他妈的加载内容了。');            }console.log('网页正文全文高：' + document.body.scrollHeight + ' 网页被卷去的高： ' + document.body.scrollTop + ' 屏幕可用工作区高度:' + window.screen.availHeight);

2、保留指定小数位数

   var num =2.443242342;   num = num.toFixed(4); // num will be equal to   2.4432

3、浮点计算的问题

1 0.1 + 0.2 === 0.3 // is false 2 9007199254740992 + 1 // is equal to 90071992547409923 9007199254740992 + 2 // is equal to 9007199254740994

为什么呢？因为0.1+0.2等于0.30000000000000004。JavaScript的数字都遵循IEEE 754标准构建，在内部都是64位浮点小数表示，具体可以参见JavaScript中的数字是如何编码的.
可以通过使用toFixed()和toPrecision()来解决这个问题。

4.图片加载失败，并防止死循环 onerror="this.src=aaa.jpg;this.onerror=null;"

5.按照 json 的属性值排序

var cc=[{ name: "a", age: 30},{ name: "c", age: 24},{ name: "b", age: 28},{ name: "e", age: 18},{ name: "d", age: 38}].sort(function(obj1, obj2) {return obj1.age - obj2.age;});for(var i=0;i<cc.length;i++){alert(cc[i]['age']); //依次显示 18,24,28,30,38}

有待更新

0 0