前端之js中的函数
函数
函数就是重复执行的代码片。
函数定义与执行
<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文件比较安全