1.不定参数的使用

<!DOCTYPE html>

<html>

<head>

    <title>json</title>

    <script type="text/javascript">

        function sum(){

            var result = 0;

            for (var i = arguments.length - 1; i >= 0; i--) {

                result += arguments[i];

            };

            return result;

        }

        alert(sum(1,2,3,4));

    </script>

</head>

<body>

</body>

</html>

2.获取非行间样式

　　前面介绍的style的可以用来设置行间样式，也可以获取行间样式,但是通过外部css来设置的样式通过style是获取不到的。不过通过以下的方式可以用来获取当前的样式。

　　由于浏览器之间存在差异，所以我们需要进行浏览器之间的判断

<!DOCTYPE html>

<html>

<head>

    <title>json</title>

<script type="text/javascript">

    function getOs() {

        var OsObject = "";

        if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) {

            return "MSIE";

        }

        if(isFirefox=navigator.userAgent.indexOf("Firefox")!=-1){

            return "Firefox";

        }

        if(isChrome=navigator.userAgent.indexOf("Chrome")!=-1){

            return "Chrome";

        }

        if(isSafari=navigator.userAgent.indexOf("Safari")!=-1) {

            return "Safari";

        }

        if(isOpera=navigator.userAgent.indexOf("Opera")!=-1){

            return "Opera";

        }

    }

    window.onload=function (){

        var width = 0;

        var oDiv = document.getElementById('div1')

        var bowers = getOs();

        // 获取浏览器版本

        if(bowers == "MSIE")

            alert(oDiv.currentStyle.width);

        if(bowers == "Chrome" || bowers == "Firefox")

            alert(getComputedStyle(oDiv, null).width);

    }

</script>

<style type="text/css">

    #div1{

        width: 200px;

        height: 100px;

    }

</style>

</head>

<body>

<div id="div1"></div>

</body>

</html>

3.数组的使用

  • 基本操作
<!DOCTYPE html>

<html>

<head>

    <title>json</title>

<script type="text/javascript">

    var a = new Array();

    a[0] = 1;

    b[1] = 2;

    c[2] = 3;

    var b = [1,2,3];

    //清空数组b

    b.length = 0;

    //在尾部添加元素

    a.push(4);

    //在尾部弹出元素

    var temp = a.pop();

    //从头部弹出元素

    var temp = a.shift();

    //在头部插入元素

    a.unshift(0);

    //从第二个位置开始删除3个元素获取元素

    a.splice(2,3);

    //从第二个位置删除两个元素,并a,b插进去

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

    //数组链接

    a.concat(b);

</script>

<style type="text/css">

    #div1{

        width: 200px;

        height: 100px;

    }

</style>

</head>

<body>

<div id="div1"></div>

</body>

</html>

  • 数组排序(从小到大排序)

<!DOCTYPE html>

<html>

<head>

    <title>json</title>

<script type="text/javascript">

    var arr = [12, 8, 99, 122];

    arr.sort(function (v1 , v2){

        if(v1 > v2)

            return 1;

        if(v1 < v2)

            return -1;

        return 0;

    });

    alert(arr);

</script>

</head>

<body>

</body>

</html>

方式二:

<!DOCTYPE html>

<html>

<head>

    <title>json</title>

<script type="text/javascript">

    var arr = [12, 8, 99, 122];

    arr.sort(function (v1 , v2){

        return v1-v2;

    });

    alert(arr);

</script>

</head>

<body>

</body>

</html>
  • 连接符使用,返回一个字符串
<!DOCTYPE html>

<html>

<head>

    <title>json</title>

<script type="text/javascript">

    var arr = [12, 8, 99, 122];

    var string = arr.join('-');

    alert(string);

</script>

</head>

<body>

</body>

</html>

　　将数组中的元素用‘-’连接后返回一个字符串。

深入javascript的更多相关文章

  1. JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

    执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...

  4. 探究javascript对象和数组的异同，及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  5. 读书笔记：JavaScript DOM 编程艺术（第二版）

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  7. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  8. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  9. JavaScript进阶之路（一）初学者的开始

    一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...

  10. 梅须逊雪三分白，雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. C++类所占内存大小计算

    C++类所占内存大小计算 说明:笔者的操作系统是32位的. class A {}; sizeof( A ) = ? sizeof( A ) = 1明明是空类,为什么编译器说它是1呢? 空类同样可以实例 ...

  2. 简单好用的日志管理工具 Logrotate

    前言 日志就像程序的生命记录仪,详细记录下了程序运行的点点滴滴. 慎重的选择记录哪些日志:在茫茫日志海中寻找真正记录问题的日志,你是不想经历的: 精心的定时压缩转移日志:故障发生了,日志却丢了,此时的 ...

  3. [转]Try Cloud Messaging for Android

    本文转自:https://developers.google.com/cloud-messaging/android/start

  4. extern "C" 用法解析

    extern "c"用法解析 作者 作者Jason Ding ,链接http://www.jianshu.com/p/5d2eeeb93590 引言 C++保留了一部分过程式语言的 ...

  5. poj2387 Til the Cows Come Home 最短路径dijkstra算法

    Description Bessie is out in the field and wants to get back to the barn to get as much sleep as pos ...

  6. Golang tool:include spider library,image library and some other db library such as mysql,redis,mogodb,hbase,cassandra

    一.Go_tool This is a tool library for Golang.Dont't worry about not understant it! All comment writes ...

  7. Android系列之网络（三）----使用HttpClient发送HTTP请求（分别通过GET和POST方法发送数据）

    ​[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...

  8. Unity-WIKI 之 AnimationToPNG

    组件功能 把3D角色的动画录制成PNG一帧一帧输出,这是一个件多么美好的事! 可能遇到问题 有可能当你新建完脚本时会出现下面的错误: `System.IO.File' does not contain ...

  9. ios开发中如何隐藏各种bar

    转载自http://www.cnblogs.com/lovecode/articles/2234557.html 状态条Status Bar [UIApplication sharedApplicat ...

  10. OXM

    O/X Mapper 是什么? Spring 3.0 的一个新特性是 O/X Mapper.O/X 映射器这个概念并不新鲜,O 代表 Object,X 代表 XML.它的目的是在 Java 对象(几乎 ...