JavaScript开发技巧

1.在编写js代码时,应尽量避免全局变量的使用。如果实在需要使用全局变量,则可以使用一个function来规避全局变量的使用。

2.数字解析

 1 //1.丢弃小数部分,保留整数部分 
 2 alert( parseInt(7/2) + ":3" );
 3 
 4 
 5 //2.向上取整,有小数就整数部分加1 
 6 alert( Math.ceil(7/2) +":4" );
 7 
 8 
 9 // 3,四舍五入. 
10 alert( Math.round(7/2) + ":4");
11 
12 
13 // 4,向下取整 
14 alert( Math.floor(7/2) +":4");
数字解析

 3.encodeURI的妙用(encodeURI非中文编码 不起作用的)

1     function test(varcode){
2         var code = varcode?varcode:"中国";
3         var encode = encodeURI(code);
4         var enencode = encodeURI(encode);
5         alert("  encode="+encode+"\n"+"enencode="+enencode+"\n xxxx="+encodeURI(encodeURI(code)));
6     }
7     test("sdsds2323232");
encode

 4.页面宽高自适应

1 /*window resize*/
2     winResize=function(){
3         var winWidth = $(document.body).width(),winHeight=$(document.body).height();
4         $("#js_layout").layout("resize",{width:winWidth,height:winHeight});
5         $("#tree_penal2").css({width:winWidth-10,height:winHeight-62});
6     };
7     $(window).resize(winResize);
8     winResize();
$(window).resize()

 5.对象数组,组装URL

 1 queryParams.titleName = $("#titleNameSearch").val()
 2 queryParams.createUserRealName = "";  
 3 queryParams.typeId = $("#typeIdSearch").val();  
 4 queryParams.beginDate =$("#beginDateSearch").val();
 5 queryParams.endDate = $("#endDateSearch").val();
 6 queryParams.wbCode =$("#wbCodeSearch").val();
 7 queryParams.phaseId = $("#phaseIdSearch").val();
 8 queryParams.subjectId =$("#wbsTitleIdSearch").val();
 9 //queryParams.newDate = new Date();
10 queryParams.pSelect=pSelect;
11 queryParams.ctype=$("#ctypeSearch").val();
12 scopeparam=queryParams;
13 var qparamUrl="";
14 for(var a in queryParams){
15     qparamUrl+="&"+a+"="+encodeURIComponent(queryParams[a]);
16 }
for循环+encodeURIComponent实现对象数组URL参数化

 获取相应参数

 1 var title = "${param.title}";
 2 var queryParams = {
 3     pSelect:"${param.pSelect}",
 4     titleName:"${param.titleName}",
 5     typeId:"${param.typeId}",
 6     wbCode:"${param.wbCode}",
 7     phaseId:"${param.phaseId}",
 8     subjectId:"${param.subjectId}",
 9     beginDate:"${param.beginDate}",
10     endDate:"${param.endDate}"
11 };
"${param.title}"方式

 

posted @ 2014-09-15 13:39  行者无疆Duffy  阅读(205)  评论(0编辑  收藏  举报