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. CentOS7.2 安装RabbitMQ3.6.10

    CentOS上面使用yum安装比较方便 先记录一些rabbitmq的基本操作命令: $ sudo chkconfig rabbitmq-server on # 添加开机启动RabbitMQ服务 $ s ...

  2. POJ 1185 炮兵阵地（状压DP）题解

    思路:和上一篇思路一样,但是这里要求最大能排几个,这里要开三维,记录上次和上上次的状态,再一一判定,状态转移方程为 dp[i][j][k] = max(dp[i][j][k],dp[i - 1][k] ...

  3. vue中动态添加div

    知识点:vue中动态添加div节点,点击添加,动态生成div,点击删除,删除对应的div,其中数组的长度是动态改变的,如在from表单中应用,直接在提交方法中,获得list,获取所填的元素即可 效果: ...

  4. Hive安装-windows（转载）

    1.安装hadoop 2.从maven中下载mysql-connector-java-5.1.26-bin.jar(或其他jar版本)放在hive目录下的lib文件夹 3.配置hive环境变量,HIV ...

  5. Numpy 练习题

    1. 使用循环和向量化两种不同的方法来计算 100 以内的质数之和. 先定义个判断质数的函数.ps:纯手工打造,原生态,哈哈. def checkprime(x): if x<=1: retur ...

  6. BZOJ 3676 【APIO2014】 回文串

    题目链接:回文串 我终于也会回文自动机辣! 其实吗……我觉得回文自动机(听说这玩意儿叫\(PAM\))还是比较\(simple\)的……至少比\(SAM\)友善多了…… 所谓回文自动机,每个节点就代表 ...

  7. FastJson/spring boot: json输出

    1.引入FastJson依赖包 <!-- FastJson --> <dependency> <groupId>com.alibaba</groupId> ...

  8. linux挂载windows共享文件夹出错，提示mount error(13): Permission denied

    完整的可以工作的命令行: mount -v -t cifs -o username=clouder,password=123456,iocharset=utf8,sec=ntlm //172.28.1 ...

  9. 黑暗世界的搜索引擎 https://fofa.so/ https://www.shodan.io https://www.zoomeye.org 查找设备漏洞

    from:http://www.freebuf.com/sectool/121339.html 什么是 Shodan? 首先,Shodan 是一个搜索引擎,但它与 Google 这种搜索网址的搜索引擎 ...

  10. less 全局变量使用

    less 全局变量使用 忽然想定义一个变量,但是却需要每个 .vue 文件都需要单独引入这个全局变量才可以,导致很多重复不必要的工作,因而得寻找一种可以任何地方都可以访问的方法 借助换肤这个功能 sa ...