1. JS获取选中checkBox的值
function dd(){
var boxes = document.getElementsByName("interest");
for(var i=0,j=boxes.length; i<j; i++){
if(boxes[i].checked){
alert(boxes[i].value);
}
}
}
2.JS获取select的option的下标、文本、value值
function dd(){
var obj = document.getElementById("goto");
var ff= obj.selectedIndex;
alert(obj.options[ff].index+"---"+obj.options[ff].text+"---"+obj.options[ff].value);
}
3.对于object对象操作与遍历
var dd = new Object();
dd.name="哈哈";
dd.age = 23;
dd.sex = "男";
for (var f in dd) {
alert(f+" :" +dd[f]);
};
4,对于数组的操作
- every方法(判断数组中的每个元素是否满足给出的条件,只要有一项不满足则返回false,全部都满足返回true)
var dd = new Array(2,3,4,5,6,5,4,3,2);
var result = dd.every(function(item,index,array){
return item<10; //看数组的所有元素是否都满足条件小于10
});
alert(result); //结果为true
- forEach方法(数组的遍历)
var result = dd.forEach(function(e){
alert(e)
});
- map方法(遍历数组,操作元素)
var result = a.map(function(item,index,array){
return item*2 //所有元素乘以2
});
- fifter方法(数组的过滤)
var result = a.filter(function(item,index,array){
return item<5;//过滤出小于5的元素
});
alert(result);
- some方法(判断数组中的每个元素是否满足给出的条件,只要有一项满足就返回true,每项都不满足才返回false)
var result = a.some(function(item,index,array){
return item < 5;
});
alert(result);
5.with()的使用
为了简化书写,我们可以使用with
with(date){
var year = getFullYear();
var month = getMonth()+1;
var day = getDate();
var week = getWeek(getDay());
}
6. JS对于日期的处理
Date.prototype.Format = function(fmt) <pre name="code" class="javascript">var str ='({"username":"andy","age":20,"info":{"tel":"123456","cellphone":"98765"},"address":[{"city":"beijing","postcode":"222333"},{"city":"newyork","postcode":"555666"}]})';
var user = eval(str);
alert(user.username);
{ var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "H+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //季度 "S" : this.getMilliseconds() //毫秒 }; if(/(y+)/.test(fmt)) fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); for(var k in o) if(new RegExp("("+ k +")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); return fmt; }var time1 = new Date().Format("yyyy-MM-dd HH:mm:ss"); var time2 = new Date().Format("yyyy-MM-dd"); alert(time1);alert(time2); 7.JS操作Json数据
- 将JSON字符串转为json对象
var str ='{"username":"andy","age":20,"info":{"tel":"123456","cellphone":"98765"},"address":[{"city":"beijing","postcode":"222333"},{"city":"newyork","postcode":"555666"}]}';
var user1 = eval("("+str+")");
alert(user1.username); //andy
var user2 = JSON.parse(str);
alert(user2.username);//andy
注意:如果一个对象本身是json对象,当他使用eval()方法转换后他还是json对象,但是如果用JSON.parse()转换后可能会抛出异常。
- 将json对象转换为json字符串
var result = JSON.stringify(user2); //其中user2为json对象<pre name="code" class="javascript">相当于 <span style="font-family: Arial, Helvetica, sans-serif;">user2</span><span style="font-family: Arial, Helvetica, sans-serif;">.toJSONString(); //需要引入json.js </span>
- JS遍历jSON对象
function jxJson() {
var obj = {
"name" : "李逵",
"password" : "1234567",
"department" : "项目部",
"sex" : "女",
"old" : 30
};
for ( var p in obj) {
alert(obj[p]);
}
}
- JS处理复杂一点的json对象(解析json的通用方法)
function printAll(jsonObj) {
for (var attName in jsonObj) {
var attValue = obj[attName]; //获取对象中的每个属性以及value值
if (typeof (attValue) != "object") {
document.writeln(attName + "是" + attValue + "<br/>");
} else {
printAll(attValue)
}
}
}
用心 点滴 积累