javascript业务处理若干总结
一、javascript若干总结
1.float类型的js加和：
2.url之ajax传输转码：
var tmpUrl = encodeURIComponent(tmpUrl);
3.js对象克隆和动态添加
4.innerHTML的用法示例
5.js实现json和string的互转
//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
然后，就可以这样读取：
Alert(obj.name);
Alert(obj.sex);
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
二、CSS若干总结
1.界面滚动效果
overflow:scroll;
2.复杂布局的处理
3.画直线示例
style="border-right:1px #cccccc solid;"
4.div层级设置
z-index:-1
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传输转码：
var tmpUrl = 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对象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
然后，就可以这样读取：
Alert(obj.name);
Alert(obj.sex);
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=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"> 公司承担金额：</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 #cccccc solid;"
4.div层级设置
z-index:-1