javascript最快入门

时间 2019-12-07

原文原文链接

<!DOCTYPE html>

javascript

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{
}

判断

两个==号是判断值，三个====号判断值也判断类型css

逻辑语句与&& 或|| 非！
html

Dom

找到标签

document.getElementById('') 获取单个元素
document.getElementsByTagName('div')把多有div找到

document.gerElementByClassName('c1') 获取多个元素 java
1. 直接找
  
  document.getElementById 根据ID获取一个标签
  
  document.getElementsByName 根据name属性获取标签集合
  
  document.getElementsByClassName 根据class属性获取标签集合
  
  document.getElementsByTagName 根据标签名获取标签集合
2. 间接找
  parentNode // 父节点
  childNodes // 全部子节点
  firstChild // 第一个子节点
  lastChild // 最后一个子节点
  nextSibling // 下一个兄弟节点
  previousSibling // 上一个兄弟节点 git
  
  parentElement // 父节点标签元素
  children // 全部子标签
  firstElementChild // 第一个子标签元素
  lastElementChild // 最后一个子标签元素
  nextElementtSibling // 下一个兄弟标签元素
  previousElementSibling // 上一个兄弟标签元素 github
操做标签
获取标签中的文本内容
标签.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()将字符串转成对象 web

eval

val = eval("1+1") val值为2
能够执行表达式也能够执行代码 canvas

时间

Date类
var d= new Date()
setXXXX()设置时间 getXXXX()设置时间数组

做用域

pytyhon以函数为做用域，javascript也是
javascript有做用域连，一层一层的找函数调用以前先建立数据。
函数内部有提早声明变量的操做。
原型：
fucntion Foo(n){ this.name=n;
} 浏览器

Foo.prototype={
    'sayName':function(){
        console.log(this.name);
    }
}