javascript业务处理若干总结

iamrunner

2014-12-15

一、javascript若干总结

1.float类型的js加和：

function accAdd(arg1,arg2){    
   var r1,r2,m;    
   try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}    
   try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}           
   m=Math.pow(10,Math.max(r1,r2))    
   return (arg1*m+arg2*m)/m
}

2.url之ajax传输转码：

vartmpUrl=encodeURIComponent(tmpUrl);

3.js对象克隆和动态添加

<html>
<head>
<title></title>
<script language="javascript"> 
function test()    {        
var mydom1=document.getElementById("divlist1");//获取指定ID的DOM对象        
var mydom2=document.getElementById("divlist2");//获取指定ID的DOM对象
//var testObj = mydom1.firstChild;alert(testObj.id);
var newObj = mydom1.cloneNode(true);
var newObj2 = newObj;//.lastChild;

mydom2.appendChild(newObj2); 
}
</script>
</head>
<body> 
<form id="form1" runat="server">      
<input id="btn1" type="button" value="test" onclick="test()"/>      
<div id="divlist1">
<a id='rou' href="#">baidu</a><br>
<input type="text"/>   
<select><option value="1">1</option><option value="2">2</option></select>   
</div>      
<div id="divlist2"></div>    
</form>
</body>
</html>

4.innerHTML的用法示例

<html> 
<head> 
<title></title> 
<script language="javascript"> 
function test() { 
var mydom1=document.getElementById("divlist1");//获取指定ID的DOM对象 
var mydom2=document.getElementById("divlist2");//获取指定ID的DOM对象 
mydom2.innerHTML=mydom1.innerHTML; 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<input id="btn1" type="button" value="test" onclick="test()"/> 
<div id="divlist1"><br>
<input type="text"/> 
<select><option value="1">1</option><option value="2">2</option></select> 
</div> 
<div id="divlist2"></div> 
</form> 
</body> 
</html>

5.js实现json和string的互转

//由JSON字符串转换为JSON对象

varobj=eval('('+str+')');

或者

varobj=str.parseJSON();//由JSON字符串转换为JSON对象

或者

varobj=JSON.parse(str);//由JSON字符串转换为JSON对象

然后，就可以这样读取：

Alert(obj.name);

Alert(obj.sex);

varlast=obj.toJSONString();//将JSON对象转化为JSON字符

或者

varlast=JSON.stringify(obj);//将JSON对象转化为JSON字符

alert(last);

二、CSS若干总结

1.界面滚动效果

overflow:scroll;

2.复杂布局的处理

<table class="AuditedTable" cellSpacing="0" cellPadding="0" border="0" style="display:none;">
   <tr>
       <td><div class="Calendar"><p class="Month2">12</p><p class="Year">2014</p></td></div>
       <td><img class="img1" src="images/dian.png"/></td>
       <td>
       <div class="Information">
	<table class="tableItem1" cellspacing="0" cellpadding="0">
	<tr>
	   <td><p class="p1">个人住房公积金：</p></td><td><p class="p2">30000.00</p></td>
	</tr>
	<tr>						
	   <td><p class="p1">个人补充公积金：</p></td><td><p class="p2">3000.00</p></td>
	</tr>
	<tr>
	   <td><p class="p1">&nbsp;&nbsp;&nbsp;公司承担金额：</p></td><td><p class="p2">30000.00</p></td>
	</tr>
	<tr>
	   <td><p class="p1">月缴费金额合计：</p></td><td><p class="p2">3000.00</p></td>
	</tr>
	</table>
	</div>
	</td>
	</tr>
</table>

3.画直线示例

style="border-right:1px#ccccccsolid;"

4.div层级设置

z-index:-1

javascript var