javascript最快入门
javascript是独立的语言,浏览器包含javascript的解释器。
在
最好将javascript代码块放在body最底部
变量:
var a='paul';//声明变量
a='paul'; //声明全局变量
定义函数:
function 函数名(){
函数内容,必须有分号结尾
}
数据类型:
数字不区分证书和浮点数
age="18";
i=parseInt(age);
字符串:
a="alex"
a.charAt(1);取到a
a.substring(1,3);取到le,包头不包尾。
a.length;取到4,字符串长度
定时器:每隔多少秒执行一次
setInterval("方法function()",时间间隔(2000,表示2秒));
tag=document.getElementById("")从html文件找。
tag.innerText取元素中的内容,也可以直接设置
tag.innerText='hello'
obj='a';
obj.concat('b') 输出ab,字符串拼接。
obj.indexOf('a') 输出0,查找字符位置。
obj.split('a')字符串分割
布尔类型(小写)
a=true/false
列表(数组)
a=[11,22,33]
a.length 输出数组长度
splice方法可以实线删除,插入,修改
修改
a.splice(1,1,99)输出结果为[11,99,33]
插入
a.splice(1,0,909)输出结果为[11,909,99,33]
字典:
a={'k1':'v1','k2':'v2'}
a[k1]取值
for循环循环的都是索引
a=[11,22,33,44]
for(var item in a){
console.log(a[item])
}
for(var i=0;i<a.length;i++){(不支持字典循环)
console.log(a[i])
}
条件语句
if(语句){
}else if(){
}else{
}
判断
两个==号是判断值,三个====号判断值也判断类型
逻辑语句 与&& 或|| 非!
Dom
-
找到标签
document.getElementById('') 获取单个元素 document.getElementsByTagName('div')把多有div找到
document.gerElementByClassName('c1') 获取多个元素-
直接找
document.getElementById 根据ID获取一个标签
document.getElementsByName 根据name属性获取标签集合
document.getElementsByClassName 根据class属性获取标签集合
document.getElementsByTagName 根据标签名获取标签集合 -
间接找
parentNode // 父节点
childNodes // 所有子节点
firstChild // 第一个子节点
lastChild // 最后一个子节点
nextSibling // 下一个兄弟节点
previousSibling // 上一个兄弟节点parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementtSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素
-
直接找
-
操作标签
获取标签中的文本内容
标签.innerText
对标签赋值
标签.innerText="" class操作
className // 获取所有类名 classList.remove(cls) // 删除指定类 classList.add(cls) // 添加类
javascript序列化
a=[11,22,33,44,55]
s=JSON.stringify(a)输出"[11,22,33,44,55]"字符串
反序列化
newa=JSON.parse(s)输出newa为[11,22,33,44,55]列表
JSON.stringify()将对象转成字符串
JSON.parse()将字符串转成对象
eval
val = eval("1+1")
val值为2
可以执行表达式也可以执行代码
时间
Date类
var d= new Date()
setXXXX()设置时间 getXXXX()设置时间
作用域
pytyhon以函数为作用域,javascript也是
javascript有作用域连,一层一层的找函数调用之前先创建数据。
函数内部有提前声明变量的操作。
原型:
fucntion Foo(n){
this.name=n;
}
Foo.prototype={
'sayName':function(){
console.log(this.name);
}
}