码迷,mamicode.com
首页 > Web开发 > 详细

js中arguments的应用

时间:2018-02-19 23:48:25      阅读:352      评论:0      收藏:0      [点我收藏+]

标签:element   显示   不同的   hit   line   1.7   size   else   方法   

arguments数组的操作

arguments是一个类数组对象,这个数组里面保存的是传递给一个函数的参数
例子:求和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
function sum(){
  var result = 0;
  for(var i = 0;i<arguments.length;i++){
    result+=arguments[i];
  }
  return result;
}
window.onload = function(){
  alert(sum(1,2,3,4,5,6,7));
}
</script>
</head>
 
<body>
</body>
</html>
如上所示,参数‘1,2,3,4,5,6‘作为arguments的元素存储在arguments数组中,通过数组的遍历累加进行求和处理。最后弹出显示框为求和结果
不同内核浏览器获取外部样式的方式
CSS添加样式的方式有三种:行内样式、内嵌式、外部样式。
通常通过js获取样式的方式是:oDiv.style[width],但是这种方法有局限性,只能获取行内样式的属性,针对不同内核浏览器有不同的方式对该问题进行了处理
ie:oDiv.currentStyle[name]
frifox:getComputedStyle(obj,false)[name]
美中不足的是该两种方法只能获取属性,但无法对属性进行修改
例子
假定有这样一个div:<div id="div1" style="width:200px; height:200px; background-color:red"/>
<script>
  function getStyle(obj,name){
    if(obj.currentStyle){ //只适合ie浏览器,
       return obj.currentStyle[name];
    }else{
      return getComputedStyle(obj,false)[name];//适合ie9及以上+火狐浏览器
    }
  }
  window.onload = function(){
    var oDiv = document.getElementById("div1");
    getStyle(oDiv,"width");
  }
  
</script>

js中arguments的应用

标签:element   显示   不同的   hit   line   1.7   size   else   方法   

原文地址:https://www.cnblogs.com/luxiaohu/p/8454652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!