javascript邮箱系统前端开发（一）
一、一级菜单展示
//一级菜单展示
$(function(){
var html = [];
$.each(SUBMENU_CONFIG,function(i,o) {
html.push('<li><a href="" title="'+ o.tip +'" data-id="'+ o.id +'">'+ o.name +'</a></li>');
});
$('#J_B_main_block').html(html.join(''));
//后台位在第一个导航
$('#J_B_main_block li:first > a').click();
});
二、 jQuery.each() 【jQuery官方手册】
语法：
jQuery.each( array, callback ) jQuery.each( object, callback )
2.1.1 实例一：
$.each([ 52, 97 ], function( index, value ) {
alert( index + ": " + value );
}); // outputs 0: 52 1: 97
2.1.2 实例二：
var obj = { "flammable": "inflammable", "duh": "no duh" };
$.each( obj, function( key, value ) {
alert( key + ": " + value );
});
// this produces two messages:
// flammable: inflammable
// duh: no duh
2.1.3 综合实例三：
a). HTML结构
<div id="one"></div> <div id="two"></div> <div id="three"></div> <div id="four"></div> <div id="five"></div>
b). jQuery代码
<script>
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
jQuery.each( arr, function( i, val ) {
$( "#" + val ).text( "Mine is " + val + "." );
return ( val !== "three" ); // Will stop running after "three"
});
jQuery.each( obj, function( i, val ) {
$( "#" + i ).append( document.createTextNode( " - " + val ) );
});
</script>
c).输出结果
Mine is one. - 1 Mine is two. - 2 Mine is three. - 3 - 4 - 5
三、javascript push()
push() 方法，向数组的末尾添加一个或多个元素，并返回新的长度。
array.push(item1, item2, ..., itemX)
Javascript代码：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi", "Lemon", "Pineapple");
输出结果：
Banana,Orange,Apple,Mango,Kiwi,Lemon,Pineapple
说明：push() 方法可把它的参数顺序添加到 array的尾部。它直接修改 arrayObject，而不是创建一个新的数组。
四、JavaScript unshift()
unshift() 方法，向数组的开头添加一个或更多元素，并返回新的长度。
array.unshift(item1,item2, ..., itemX)
Javascript代码：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
输出结果：
Lemon,Pineapple,Banana,Orange,Apple,Mango
注意：unshift() 方法不创建新的创建，而是直接修改原有的数组。该方法无法在 IE中正确地工作！
提示：要把一个或多个元素添加到数组的尾部，请使用 push() 方法。
五、JavaScript split()
split() 方法，用于把一个字符串分割成字符串数组。
/* * @separator(必需) 指定分割string字符串或正则表达式。 * @limit（可选） 该参数可指定返回的数组的最大长度。 */ string.split(separator,limit)
JavaScript代码：
var str = "How are you doing today?";
var res = str.split(" ");
输出结果：
How,are,you,doing,today?
注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
六、JavaScript join()
join() 方法，用于把数组中的所有元素放入一个字符串。
/* * @separator（可选） 指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。 */ array.join(separator)
JavaScript代码：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var energy = fruits.join();
输出结果：
Banana,Orange,Apple,Mango