js基础之arguments、css
arguments就是一个包含传入的参数的数组对象
栗子一:
function sum(){
var result=0;
for(var i=0;i<arguments.length;i++){
result += arguments[i];
}return result;
}
alert(sum(1,2,3,4,5));
css函数
原代码:
function css(){
if(arguments.length==2){//获取
//return arguments[0].style[arguments[1]];//undefined因为style只能取行间样式
//return arguments[0].currentStyle.arguments[1];
if(arguments[0].currentStyle){//做兼容性判断:判断特性比判断浏览器版本更高效
//IE
return arguments[0].currentStyle[arguments[1]];//currentStyle为计算后的样式或默认值(如font-size)
} else {
//ff/chrome
return getComputedStyle(arguments[0])[arguments[1]];//getComputedStyle为计算后的样式或默认值(如font-size)
}
}else if(arguments.length==3){//设置
arguments[0].style[arguments[1]]=value;
}
}
window.onload=function(){
var obtn = document.getElementById('btn1');
var odiv = document.getElementById('div1');
obtn.onclick=function(){
css(odiv,'background','#999');
alert(css(odiv,'width'));
}
}
增强可读性后的代码:
function css(obj,attr,value){
if(arguments.length==2){//获取
//return arguments[0].style[arguments[1]];//undefined因为style只能取行间样式
//return arguments[0].currentStyle.arguments[1];
if(obj.currentStyle){//做兼容性判断:判断特性比判断浏览器版本更高效
//IE
return obj.currentStyle[attr];//currentStyle为计算后的样式或默认值(如font-size)
} else {
//ff/chrome
return getComputedStyle(obj)[attr];//getComputedStyle为计算后的样式或默认值(如font-size)
}
}else if(arguments.length==3){//设置
obj.style[attr]=value;
}
}
js基础之arguments、css的更多相关文章
- JS基础语法---arguments对象伪数组
引入: //计算两个数字的和 function f1(x, y) { return x + y; } //计算三个数字的和 function f2(x, y, z) { return x + y + ...
- 前端工程师面试问题归纳(一、问答类html/css/js基础)
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...
- js基础篇——call/apply、arguments、undefined/null
a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- js基础进阶--关于Array.prototype.slice.call(arguments) 的思考
欢迎访问我的个人博客:http://www.xiaolongwu.cn Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出 ...
- js基础之javascript的存在形式和js代码块在页面中的存放位置和 CSS 对比
1.存在形式 文件 如: <script src='js/jc.js'></script> 前页面 <script type='text/javascript'>a ...
- 前端面试题目汇总摘录(JS 基础篇)
JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...
- 前端面试题目汇总摘录(JS 基础篇 —— 2018.11.02更新)
温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string type ...
- 前端05 /js基础
前端05 /js基础 昨日内容回顾 css选择器的优先级 行内(1000) > id(100) > 类(10) > 标签(1) > 继承(0) 颜色 rgb(255,255,2 ...
随机推荐
- [转载] YouCompleteMe
原文: http://blog.marchtea.com/archives/161#rd?sukey=fc78a68049a14bb2ba33c15948d34749e1eb616df07efe977 ...
- POCO C++库学习和分析——任务
1.任务的定义 任务虽然在Poco::Foundation库的目录中被单独划出来,其实可以被看成线程的应用,放在线程章节.首先来看一下Poco中对任务的描述: *task主要应用在GUI和Sever程 ...
- ajax form表单回显
/* * 表单自动回显js * 依赖JQURY * 使用参考:$("#form1").form("load",{"id":"112 ...
- Android_程序结构分析
一.Android程序运行过程 二.Android项目结构
- 转!!java中关键字volatile的作用
用在多线程,同步变量. 线程为了提高效率,将某成员变量(如A)拷贝了一份(如B),线程中对A的访问其实访问的是B.只在某些动作时才进行A和B的同步.因此存在A和B不一致的情况.volatile就是用来 ...
- Rest-Assured
Rest-Assured完整的测试例子 http://blog.csdn.net/win7system/article/details/52468078 使用 Rest-assured 测试 Rest ...
- mybatis generator
http://blog.csdn.net/sunny243788557/article/details/45166397 http://www.cnblogs.com/smileberry/p/414 ...
- root的方法大体上有以下三种
root的方法大体上有以下三种一.手机软件安卓版直接root.这种方法不需要电脑的支持,也很安全.安卓版软件有:kingroot,360一键root,一键root大师,Towelroot,支持云roo ...
- base64 数据处理
base64 数据处理 1. base64 字母表 2. 原理 处理原理 http://baike.baidu.com/view/469071.htm 3. iOS上的应用 iOS7 之前使用http ...
- 5.7 WebDriver API实例讲解
本节主要详细描述WebDriver的常用API使用方法. 1.访问某网页地址 被测试网页的网址:http://www.sogou.com. Java语言版本的API实例代码: 方法1: public ...