10-10 arguments存储实参、解决js获取CSS属性值兼容性、object对象、for语句遍历对象内容、数组中的方法
2017-10-10 19:42
1351 查看
一、 arguments用法:
例:
function css(a,b,c){//调用方法使用的实参
a.style=c;
}
用arguments实现:
function css(){
arguments[0].style[argument[1]] = arguments[2];
}
优点:省略编写函数中的形参,用arguments数组存储调用方法时的实参。
二、解决js获取CSS属性值兼容性:
因为浏览器对于js函数方法的支持程度不一,所以编写函数时要考虑到兼容性问题,
<script type="text/javascript">
function getCss(obj,val){//封装兼容性获取CSS样式属性
if(getComputedStyle(obj,true)[val]){
alert(getComputedStyle(obj,true)[val]);
}else{
alert(obj.currentStyle[val]);
}
}
function css(a,b,c){
a.style[b]=c;
}
window.onload=function(){
var box = document.getElementById("box");
getCss(box,'background-color');
//alert(css(box,"width"));
//css(box,'border','10px solid black');
//alert(getComputedStyle(box,true).width);//作用于非IE8以下浏览器获取CSS样式属性值
//alert(box.currentStyle.width);//只能作用于IE浏览器获取CSS样式属性值
}
</script>
三、object对象:
var obj = new Object();
=
var obj={};//创建一组空对象
四、用for语句遍历对象:
[b]js for循环 遍历对象属性
var person = {fname:"John",lname:"Doe",age:25};
for (x in person) {
console.log(x + "=" + person[x]);
}
控制台输出结果:
fname=John
lname=Doe
age=25
js for循环 遍历数组
var mycars = new Array("Saab","Volvo","BMW");
for (x in mycars){
console.log(x + "=" + mycars[x])
}
控制台输出结果:
0=Saab
1=Volvo
2=BMW
五、数组中的方法:
var str ='border-bottom-color';
alert(str);
str=str.replace(/bottom/,"Bottom");//Bottom字符串替换原来的bottom字符串
charAt(index)返回字符串中下标为index的数据
例:
function css(a,b,c){//调用方法使用的实参
a.style=c;
}
用arguments实现:
function css(){
arguments[0].style[argument[1]] = arguments[2];
}
优点:省略编写函数中的形参,用arguments数组存储调用方法时的实参。
二、解决js获取CSS属性值兼容性:
因为浏览器对于js函数方法的支持程度不一,所以编写函数时要考虑到兼容性问题,
<script type="text/javascript">
function getCss(obj,val){//封装兼容性获取CSS样式属性
if(getComputedStyle(obj,true)[val]){
alert(getComputedStyle(obj,true)[val]);
}else{
alert(obj.currentStyle[val]);
}
}
function css(a,b,c){
a.style[b]=c;
}
window.onload=function(){
var box = document.getElementById("box");
getCss(box,'background-color');
//alert(css(box,"width"));
//css(box,'border','10px solid black');
//alert(getComputedStyle(box,true).width);//作用于非IE8以下浏览器获取CSS样式属性值
//alert(box.currentStyle.width);//只能作用于IE浏览器获取CSS样式属性值
}
</script>
三、object对象:
var obj = new Object();
=
var obj={};//创建一组空对象
四、用for语句遍历对象:
[b]js for循环 遍历对象属性
var person = {fname:"John",lname:"Doe",age:25};
for (x in person) {
console.log(x + "=" + person[x]);
}
控制台输出结果:
fname=John
lname=Doe
age=25
js for循环 遍历数组
var mycars = new Array("Saab","Volvo","BMW");
for (x in mycars){
console.log(x + "=" + mycars[x])
}
控制台输出结果:
0=Saab
1=Volvo
2=BMW
五、数组中的方法:
concat() | 连接两个或更多的数组,并返回结果。 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
reverse() | 颠倒数组中元素的顺序。 |
shift() | 删除并返回数组的第一个元素 |
slice() | 从某个已有的数组返回选定的元素 |
sort() | 对数组的元素进行排序 |
splice() | 删除元素,并向数组添加新元素。 |
toSource() | 返回该对象的源代码。 |
toString() | 把数组转换为字符串,并返回结果。 |
toLocaleString() | 把数组转换为本地数组,并返回结果。 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 |
valueOf() | 返回数组对象的原始值 |
alert(str);
str=str.replace(/bottom/,"Bottom");//Bottom字符串替换原来的bottom字符串
charAt(index)返回字符串中下标为index的数据
相关文章推荐
- js获取对象,数组所有属性值(key)和对应值(value)的方法
- js获取对象,数组所有属性值(key)和对应值(value)的方法
- laravel查询得到的数据(为对象object)无法进行数组循环遍历,而且不能用数组方式访问和查看的原因以及解决方法
- 遍历获取ASP.NET页面控件的名称及值 后台调用前台javascript方法报错:“缺少对象”的解决方法 xml与DataSet的互转换类
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法
- js中for遍历数组和对象,及对象和数组之间的区别
- ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法
- FMDB封装,用OC方法存储model,不用写SQL语句。使用runtime获取对象属性
- 礼拜三log~CSS控制文本不换行+省略号 & li宽度无效的解决方法 & 在js中获取后台变量
- JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使用,原型继承与原型链
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法
- js中遍历获取对象属性和方法主要
- js获取对象为null的解决方法
- js sort方法根据数组中对象的某一个属性值进行排序
- jquery的$.each方法解决了有索引特征js对象的遍历
- JavaScript基础(基本语法:变量、语句、数组、函数、对象、全局方法以及js与java不同,js与html关联)
- 分享:sp_object MYSQL获取当前实例下指定对象与定义语句内容
- js 的each()方法遍历对象和数组
- JS使用getComputedStyle()方法获取CSS属性值
- Js 获取行间样式属性值 和 css 内嵌样式或样式表中属性值的方法