js陣列,簡單清晰,
var arr = ;
即可表示乙個完整的陣列
如果此時檢視陣列長度
console.log(arr.length)
//0
就是說陣列本身是有屬性的,這樣一來,我們就可以新增自己需要的屬性了
arr.load = false;
檢視load
console.log(arr.load)
//false
修改load的值
arr.load = true;
說了這麼多,這有什麼用?就是乙個自定義屬性而已。
別急,好戲在後面。
前端在通過ajax獲取後台資料時,列表通常返回陣列形式
前台展示列表:
//預設值
var showlist = ;
ajax獲取值:
//獲取前,頁面會提示正在獲取資料
ajax(url,function(data));
當返回為空時,那麼該如何通過判斷showlist.length的變化來修改頁面提示資訊呢?(正在獲取資料.../暫無資料)
此時就需要給showlist新增乙個自定義屬性load,
var showlist = ;
showlist.load = false;
ajax(url,function(data));
前台就可以根據load狀態進行判斷提示了(showlist.load?'正在獲取資料...':'暫無資料')
沒有太多技術含量,小技巧幫大忙
js自定義屬性
1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...
js自定義屬性
1 js中設定自定義屬性。例如 div info attr testattr3 houhou 結果 給div設定了新的自定義屬性testattr3,值為houhou 2 js中獲取自定義屬性值。例如 div info attr testattr 結果 取到testattr的值為 myattr 3 j...
js 自定義屬性
自定義屬性操作 1.獲取屬性值 區別 2.設定屬性值 區別 3.移除屬性 h5自定義屬性 1.h5規定自定義屬性 2.獲取h5自定義屬性 1.相容性獲取 element.getattribute data index 2.h5新增 elemen.dataset.index 或者 element.da...