JAVASCRIPT 用法概要
1. 基本语法
变量的声明 var
变量的规范 区分大小写
第一个字符必须是字母、下划线(_)或者美元符号($)
其他字符可以是字母、下划线、美元符或数字
匈牙利命名风格,第一个字母代表类型
整数i Integer 比如:iItemCount
布尔值b Boolean 比如:bIsComplete
字符串s String 比如:sUserName
变量的类型
number 数字类型
string 字符串类型
boolean 布尔类型 true 或 false
undefined undefined类型,变量声明未初始化,它的值就是undefined
null null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null
object
数组(列表)
字典
函数
定义
function 函数名称(参数){}
函数体在大括号{}中即可
执行
函数名称()
特性
JS的函数具备预解析特性
预解析会将函数的定义放到代码的最上方
函数调用的代码可以写在定义函数的代码上方
变量的也具备预解析
var num = 100
var num;
预解析会将这行代码会放在最上方
num = 100;
条件分支
if(条件){}
==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)
三等号 值相同,地址也相同
if(条件1){
}else if(条件2){
}else{
}
获取HTML中的元素:document.getElementById("元素的id"),在需要获取的元素被加载完成之后才能getElementById,将script标签写在标签下方,或者入口函数中:
window.onload = function(){}
操作HTML元素的属性
html的属性和js里面属性写法一样
id
style
value
src
href
...
“class” 属性写成 “className”
“style” 属性里面的属性,有横杠的改成驼峰式
“font-size”,改成”style.fontSize”
innerHTML
可以读取或者写入标签包裹的内容
事件
元素.onclick
元素.onmouseenter
元素.onmouseleave
元素.onchange
window.onload
......
2. 循环
基本结构
for(var i=0;i<循环次数;i++){
......
}
i++代表的含义是i+=1
3. 数组
概念
可以认为是Python中的列表,Python中列表是一种数据类型,JS中数组是一个对象
数组的定义
var aList = new Array(1,2,3)
var aList = [1,2,3]
数组常见方法
获取数组的长度:数组变量.length
var aList = [1,2,3,4];
alert(aList.length);
下标索引
var aList = [1,2,3,4];
alert(aList[0]);
join() 将数组成员通过一个分隔符合并成字符串
var aList = [1,2,3,4];
alert(aList.join('-'));
python中:
temp_list = ["a","b","c"]
new_str = "-".join(temp_list)
push() 从数组最后增加成员
var aList = [1,2,3,4];
aList.push(5);
alert(aList);
python中
列表.insert(2,"zhaoliu") 索引为2的地方增加一条zhaoliu的元素
列表.append("zhaoliu") 在列表的末尾增加一个zhaoliu的元素
列表.extend(列表2) 将列表2的数据追加在列表中
pop() 从数组最后删除成员
var aList = [1,2,3,4];
aList.pop();
alert(aList);
python中
列表.pop() 删除最后一条
列表.pop(2) 删除指定位置
列表.remove("lisi") 删除数据lisi第一次出现的元素
列表.clear() 清空列表
del 列表[2] 删除列表索引为2的元素
splice() 在数组中增加或删除成员
var aList = [1,2,3,4];
aList.splice(2,1);
var aList = [1,2,3,4];
aList.splice(2,1,7,8,9);
alert(aList);
reverse() 将数组反转
var aList = [1,2,3,4];
aList.reverse();
alert(aList);
python中
列表.sort() 升序
列表.sort(reverse=True) 降序
列表.reverse() 倒序
切片
temp_list = ["a","b","c"]
new_list = temp_list[::-1]
indexOf() 返回数组中元素第一次出现的索引值
python中
列表.index("zhangsan") 没找到会报错
find("")
是字符串中的方法,不是列表中方法
4. 字符串
字符串合并操作:“ + ”
数字和字符串也能相加
parseInt() 将数字字符串转化为整数
parseFloat() 将数字字符串转化为小数
split() 把一个字符串分隔成字符串组成的数组
indexOf() 查找字符串是否含有某字符
substring() 截取字符串 用法: substring(start,end)(不包括end)
类似于python中字符串的切片
字符串反转
var str = 'asdfj12jlsdkf098';
var str2 = str.split('').reverse().join('');
alert(str2);
5. 定时器
定时器的方法
setTimeout 只执行一次的定时器
clearTimeout 关闭只执行一次的定时器
setInterval 反复执行的定时器
clearInterval 关闭反复执行的定时器
6. 封闭函数
避免命名冲突
(function(){
alert('hello!');
})();
!function(){
alert('hello!');
}()
~function(){
alert('hello!');
}()