1.函数传参　　　　　　　　　　　　　　　　　　　　　　　　　　

可变参（不定参）：arguments
参数的个数可变，参数数组
 
例1.求和
求所有参数的和
<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

function sum()

{

    //alert(arguments.length);

    //alert(arguments[0]);

    //arguments

    var result=0;

    for(var i=0;i<arguments.length;i++)

    {

        result+=arguments[i];

    }

    return result;

}

alert(sum(12, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6));

</script>

</head>

<body>

</body>

</html>
 
例子2：CSS函数
判断arguments.length
给参数取名，增强可读性
<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

function css(obj, name, value)

{

    if(arguments.length==2)    //获取

    {

        return obj.style[name];

    }

    else                    //设置

    {

        obj.style[name]=value;

    }

}

window.onload=function ()

{

    var oDiv=document.getElementById('div1');

    alert(css(oDiv, 'width'));

    //css(oDiv, 'background', 'green');

};

</script>

</head>

<body>

<div id="div1" style="width:200px; height:200px; background:red;">

</div>

</body>

</html>

2.取非行间样式：

取非行间样式(不能用来设置)：

obj.currentStyle[attr]　　　　　　　　//IE
getComputedStyle(obj, false)[attr]　　//chrome / FF
<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style>

#div1 {width:200px; height:200px; background:red;}

</style>

<script>

function getStyle(obj, name)

{

    if(obj.currentStyle)                    //IE

    {

        return obj.currentStyle[name];

    }

    else                                    //chrome / FF

    {

        return getComputedStyle(obj, false)[name];

    }

}

window.onload=function ()

{

    var oDiv=document.getElementById('div1');

    alert(getStyle(oDiv, 'backgroundColor'));

};

</script>

</head>

<body>

<div id="div1">

</div>

</body>

</html>

但是要注意上面getStyle()存在的问题，这个只能取单一样式，如果要取复合样式，如上面的background，要使用'backgroundColor'

3.数组基础　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

1）添加、删除元素

 添加

  • push(元素)，从尾部添加
  • unshift(元素)，从头部添加
删除
  • pop()，从尾部弹出
  • shift()，从头部弹出

2）插入、删除

splice

splice(开始, 长度,元素…)
先删除，后插入
  • 删除
　　　　splice(开始,长度)
  • 插入
　　　　splice(开始, 0, 元素…)
  • 替换
<script>

var arr=[1,2,3,4,5,6];

//删除：splice(起点, 长度)

//arr.splice(2, 3);

//插入：splice(起点, 长度, 元素...);

//arr.splice(2, 0, 'a', 'b', 'c');

arr.splice(2, 2, 'a', 'b');

alert(arr);

</script>

3）排序、转换

排序
  • sort([比较函数])，排序一个数组
　　　　排序一个字符串数组
　　　　排序一个数字数组
转换类
  • concat(数组2)
　　　　连接两个数组
  • join(分隔符)
　　　　用分隔符，组合数组元素，生成字符串
　　　　字符串split
<script>

var arr=['float', 'width', 'alpha', 'zoom', 'left'];

arr.sort();

alert(arr);

</script>
<script>

var arr=[12, 8, 99, 19, 112];

arr.sort(function (n1, n2){

    return n1-n2;

    /*if(n1<n2)

    {

        return -1;

    }

    else if(n1>n2)

    {

        return 1;

    }

    else

    {

        return 0;

    }*/

});

alert(arr);

</script>

4.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
----------

学习blus老师js(2)--深入JavaScript的更多相关文章

  1. 学习blus老师js(5)--DOM操作应用高级

    一.表格应用 - 1 获取 tBodies.tHead.tFoot.rows.cells 一个表格可以有很多tbody,所以tBodies是数组: 一个表格只能有一个thead和tfoot,所以tHe ...

  2. 学习blus老师js(4)--DOM

    一.DOM节点 1.获取子节点: childNodes  nodeType         节点类型 children            只包括元素,不包括文本:  子节点只算第一层.只算孩子一级 ...

  3. 学习blus老师js(3)--定时器的使用

    1.无缝滚动——基础 物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动   offsetLeft: 获取物体的左边距:最大的优点在于可以综合考虑所有影响这个物体位置的 ...

  4. 学习blus老师js(1)--基础

    1.网页换肤: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <t ...

  5. 学习blus老师js(6)--js运动基础

    运动基础 一.匀速运动 运动框架 在开始运动时,关闭已有定时器 把运动和停止隔开(if/else) <!DOCTYPE HTML> <html> <head> &l ...

  6. Javascript学习记录——原生JS实现旋转木马特效

    昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个 ...

  7. ASP.NET Boilerplate 学习 AspNet Core2 浏览器缓存使用 c#基础，单线程，跨线程访问和线程带参数 wpf 禁用启用webbroswer右键菜单 EF Core 2.0使用MsSql/MySql实现DB First和Code First ASP.NET Core部署到Windows IIS QRCode.js：使用 JavaScript 生成

    ASP.NET Boilerplate 学习   1.在http://www.aspnetboilerplate.com/Templates 网站下载ABP模版 2.解压后打开解决方案,解决方案目录: ...

  8. 学习笔记 第十五章 JavaScript基础

    第15章   JavaScript基础 [学习重点] 了解JavaScript基础知识 熟悉常量和变量 能够使用表达式和运算符 正确使用语句 能够掌握数据类型和转换的基本方法 正确使用函数.对象.数组 ...

  9. 学习笔记——node.js

    node.js的作用在于,号称可以让服务器支持更多的连接.比如说,php + apche可以让服务器支持4000个并发连接,那么node.js + apche可以让服务器支持并发几万个. 为什么这么牛 ...

随机推荐

  1. luogu P1029 最大公约数和最小公倍数问题

    https://www.luogu.org/problem/show?pid=1029 输入二个正整数x0,y0(2<=x0<100000,2<=y0<=1000000),求出 ...

  2. MyBatis的简单入门学习

    一个新知识开始是最难学的.(万事开头难) MyBatis大体分三层,接口层,数据处理层,基础支撑层. 其中接口层不是java中的那个interface,而是框架和程序员之间的对接.一个API,程序员可 ...

  3. jquery获取服务器控件Label的值

    首先引入js文件:<script type="text/javascript" src="js/jquery-1.8.3.js"></scri ...

  4. 嵌入式Linux应用程序开发环境搭建记录

    2016年2月 参考资料: OK210软件手册(Linux版).pdf Ubuntu下Qt4.7.1编译环境配置说明.pdf 我阅读了以下内容: OK210软件手册(Linux版).pdf 第七章 O ...

  5. P4factory ReadMe 剩余部分

    Building and Running a Target Each P4 program (called a 'target') is set up in a directory under tar ...

  6. 使用IDEA2017创建java web +maven项目

    1.首先,提前准备的东西:我使用的是IDEA2017,tomcat7,jdk1.:请将这些软件安装完成,环境变量配置完成,如何配置以及安装我就不复述了,百度上一堆一堆的,比我知道的详细多了. 2.下面 ...

  7. Vue.js的类Class 与属性 Style如何绑定

    Vue.js的类Class 与属性 Style如何绑定 一.总结 一句话总结:数据绑定一个常见需求是操作元素的 class 列表和它的内联样式.因为它们都是属性,我们可以用 v-bind 处理它们:我 ...

  8. Java网络编程和NIO详解6：Linux epoll实现原理详解

    Java网络编程和NIO详解6:Linux epoll实现原理详解 本系列文章首发于我的个人博客:https://h2pl.github.io/ 欢迎阅览我的CSDN专栏:Java网络编程和NIO h ...

  9. 一个n*n 的方格，要从左上角走到右下角，一次只能往右或往下走一步，求算法得出所有走动的方法数。

    题目一:一个n*n 的方格,要从左上角走到右下角,一次只能往右或往下走一步,求算法得出所有走动的方法数. 分析:对于第(i,j)个格子,只有向右走一步到达或者向左走一步到达,dp(i,j) = d(i ...

  10. Java基础——概述

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...