函数
函数就是重复执行的代码片。
 
函数定义与执行
<script type="text/javascript">
    // 函数定义
    function fnAlert(){
        alert('hello!');
    }
    // 函数执行
    fnAlert();
</script>
可以先调用再定义 即预解析(第一遍不执行,第二遍执行)
 
函数'return'关键字
函数中'return'关键字的作用:
    1.返回函数中的变量或者对象
    2.结束函数的运行
    3.如果没有返回值会返回undefined
 
条件语句:
    条件运算符
==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、
!(否)
== 默认会将符号两边的变量转换成相同类型即隐式转换
===不会转换数据类型
elif 要拆开写 else if
格式:if(条件){
条件成立时的语句
}
 
获取元素方法:
    使用内置对象document的getElementByld获取页面上设置了id属性的元素
 
格式:
    window.onload = function(){
    var oDiv = document.getElementByld("标签");
    oDiv.属性 = ""
    }
 
操作元素属性
    var 变量 = 元素.属性名 读取属性
    元素.属性名 = 新属性值 改写属性
 
属性名在js中的写法
    1、html的属性和js里面属性写法一样
    2、“class” 属性写成 “className”
    3、“style” 属性里面的属性,有横杠的改成驼峰式,比                如:“font-size”,改成”style.fontSize”
    innerHTML 可以操作标签中的文字
 
在js中,函数都有返回值,如果没有显示使用return返回值,name返回值就是undefined
在js中,函数也是一个对象,函数名实际是指向函数对象的一个引用
 
数组:
    创建:
        var aList01 = new Array(1,2,3); 面向对象的方式,性能不高
        var aList02 = ['a','b','c']; 直接量方式 常用
        获取数组成员个数:
            var iLen = aList02.legth;
        操作数组的某个成员:
            alert( aList02[2] );
        数组后边增加成员:
            aList02.push('e');
        数组后边删除成员:
            aList02.pop();
        数组反转:
            alist02.reverse();
        获取某个成员在数组中第一次出现的索引值:
            var iPos = aList.indexOf("数组中某个数据")
            如果返回值大于0 说明有这个数据,反之小于0,表示没有该数据
        同时在数组中删除添加数据:
            aList.splice(4,1,123) 从索引4开始删除一个数据 再添加上123
        将数组转换成字符串:
            var sTr = aList.join()
 
字符串处理方法
    1、字符串合并操作:“ + ”
    2、parseInt() 将数字字符串转化为整数
    3、parseFloat() 将数字字符串转化为小数
    4、split() 把一个字符串分隔成字符串组成的数组
    5、indexOf() 查找字符串是否含有某字符
    6、substring() 截取字符串 用法: substring(start,end)(不包括end)
    字符串反转
    var str = 'asdfj12jlsdkf098';
    var str2 = str.split('').reverse().join('');
    alert(str2);
 
 
 
循环语句:
    for循环:
    for(var i=0;i<len;i++(即i+=1)){
    }
 
定时器:
    创建一次执行的 setTimeout
    关闭 clearTimeout
    创建循环执行的定时器 setInterval
    关闭clearInterval
 
封闭函数
    封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。
    封闭函数:
        (function(){
            alert('hello!');
        })();
    封闭函数的作用:
        封闭函数可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全

前端之js中的函数的更多相关文章

  1. JS中的函数节流throttle详解和优化

    JS中的函数节流throttle详解和优化在前端开发中,有时会为页面绑定resize事件,或者为一个页面元素绑定拖拽事件(mousemove),这种事件有一个特点,在一个正常的操作中,有可能在一个短的 ...

  2. JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype

    一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...

  3. js中的函数,Date对象,Math对象和数组对象

    函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. ...

  4. js中getByClass()函数

    js中getByClass()函数进化史 对于js来说,我想每一个刚接触它的人都应该会抱怨:为什么没有一个通过class来获取元素的方法.尽管现在高版本的浏览器已经支持getElementsByCla ...

  5. JS中的函数、Bom、DOM及JS事件

    本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...

  6. node.js 中回调函数callback(转载),说的很清楚,看一遍就理解了

    最近在看 express,满眼看去,到处是以函数作为参数的回调函数的使用.如果这个概念理解不了,nodejs.express 的代码就会看得一塌糊涂.比如: 复制代码 代码如下: app.use(fu ...

  7. JS中的函数、BOM和DOM操作

     一.JS中的函数 [关于注释] /** [文档注释]:开头两个*.写在函数上方,在调用函数时可以看到文档上方的描述信息. */   // 单行注释 /* 多行注释 */ 1.函数的声明及调用 (1) ...

  8. html css &lt;input&gt; javaScript .数据类型 JS中的函数编写方式 BOM总结 DOM总结

    Day27  html css div 块标签. 特点: 独占一行,有高度和宽度 span 行元素. 特点:在同一行显示,当前行满了自动去下一行显示. 不识别高度和宽度 1.1.1.1 2.输入域标签 ...

  9. JS中encodeURIComponent函数用php解码的代码

    JS中encodeURIComponent函数给中文编码后,如何用php解码?? 前提:编码前的中文可能是gbk,gb2312,utf-8等. 复制代码 代码如下: urldecode() iconv ...

随机推荐

  1. JSP页面跳转的几种实现方法

    使用href超链接标记      客户端跳转 使用JavaScript               客户端跳转 提交表单                        客户端跳转 使用response ...

  2. Cookie对象工具包,对象添加,获取,修改-亲测可用

    先来了解下Cookie 和 Session对象的概念吧. 首先,Cookie是客户端缓存技术,大小一般为4kb左右,主要存储一些比较小的信息,常用的例子有用户名和密码,且是不安全的: Session是 ...

  3. Eclipse自动补全+常用快捷键

    一,Eclipse自动补全增强方法 在Eclipse中,从Window -> preferences -> Java -> Editor -> Content assist - ...

  4. ACM/ICPC 之 分治法入门(画图模拟:POJ 2083)

    题意:大致就是要求画出这个有规律的Fractal图形了= = 例如 1 对应 X 2 对应 X  X   X    X  X 这个题是个理解分治法很典型的例子(详情请参见Code) 分治法:不断缩小规 ...

  5. Rstudio使用记录

    2016/11/1 目前新建两个project:project1(有两个变量x,y)&&project2(无变量)

  6. 2014 Super Training #6 H Edward&#39;s Cola Plan --排序+二分

    原题: ZOJ 3676  http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3676 题意:给每个朋友一瓶可乐,可乐有普通和高 ...

  7. 创建plist文件

    可以先在工程中直接新建一个plist文件,往里面写入自己需要的数据.但是这里的plist文件我们无法修改,是只读的,我们可以将这个plist文件复制一份到沙盒中,然后对沙盒中的文件进行操作.具体代码如 ...

  8. shell-3

    每天学习一篇:利用跑代码或者空闲思考时间,启动环境时间等闲杂时间: http://blog.csdn.net/junjieguo/article/category/880326/2

  9. JSP -java service pages

    jsp的运行机制: 1客户端(请求jsp页面)------->JSP页面(转换为java源文件)------->Selvet文件(.java) (编译成相应的字节码文件也就是后缀名是.cl ...

  10. 【带着canvas去流浪(4)】绘制散点图

    目录 一. 任务说明 二. 重点提示 三. 示例代码 四.散点hover交互效果的实现 4.1 基本算法 4.2 参考代码 4.3 Demo中的小问题 示例代码托管在:http://www.githu ...