幾個實用的js技巧

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 9007199254740992
3 9007199254740992 + 2 // is equal to 9007199254740994

爲什麼呢？因爲0.1+0.2等於0.30000000000000004。JavaScript的數字都遵循IEEE 754標準構建，在內部都是64位浮點小數表示，具體可以參見JavaScript中的數字是如何編碼的.
可以通過使用toFixed()和toPrecision()來解決這個問題。

  4.圖片加載失敗，並防止死循環 οnerrοr="this.src=aaa.jpg;this.οnerrοr=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
}

有待更新