會員登入 新朋友?立刻註冊
[說明]
文章會慢慢移新精讚 //n.sfs.tw
2019/2/23 星期六     [文章分類及列表]
精讚Blog logo 部落格是自己寫爽的
精讚部落 > 前端程設 > jQuery
jQuery 使用 javascript 陣列及物件的特別寫法 次要群組 [前端程設::HTML/CSS] 列印 推薦
作者或來源 瘦河馬 2010-03-22 03:38:53
關鍵字 1jquery 2javascript
此文完整連結 http://n.zipko.info/430.html
文章歡迎轉載,請尊重版權註明連結來源。

jQuery 使用 javascript 陣列及物件的特別寫法

這篇文章源自於我想要寫綠色精讚BLOG遇到的問題:我希望視窗放大時能記住原來的大小和位置,以便縮小回來時使用,因此,我希望用 javascript 的二維陣列,同時又希望他的索引是一個 dictionary 而不是 index value,例如:

box['box1'][2]=300;

第一個索引 box1 是這個物件的id,而第二個索引2 是他的第3項屬性。這也是特別之處,因此我才能任意的依照id 來儲存他的參數。

 var box = new Object();  // 請注意我並不是宣告成一個 Array

 var thisbox=$(this).parents('.boxzone');    // 利用 jQuery 取得的物件外框
 var id = thisbox.attr('id');  // 這個是物件外框的 id,這是使用 jQuery 的取法,如果要用 js 的取法,可寫成 var id = this.id;

 // 接下來直接使用 js 的陣列宣告法,把外框的屬性放入陣列
box[id]=[thisbox.css('width'),thisbox.css('height'),thisbox.css('top'),thisbox.css('left')];

完成,我們可以驗證一下:
var t=box[id];
alert( typeof(t));  // object

// 印出內容 i 是索引,t[i] 是內容,請注意這是用 for (Associative Array) 不是 foreach
for(var i in t) {
   alert( t[i] ); 
}

[補充說明]
js 的物件給值可以使用這個方法:
var box={'box1':'environment', 'box2':'arts', 'box3':'crististics'};

[參考連結]
http://dogbitesme.blogspot.com/2009/02/javascript-array-dictionary.html

END
F B 留 言 版

留言結束請重新整理網頁顯示留言
相 關 文 章
同 群 組 其 他 文 章
隨 機 文 章
精讚部落版權所有(c) JinZan Blog http://n.zipko.info Author axer@tc.edu.tw. 最佳瀏器為Firefox,本網頁不支援IE6。[文章分類及列表]
本站最佳瀏覽解析度1024x768 網站建置 2009.11