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{ }
判断
两个==号是判断值,三个====号判断值也判断类型

逻辑语句 与&& 或|| 非!

Dom

  1. 找到标签
    document.getElementById('') 获取单个元素 document.getElementsByTagName('div')把多有div找到
    document.gerElementByClassName('c1') 获取多个元素

    1. 直接找
      document.getElementById 根据ID获取一个标签
      document.getElementsByName 根据name属性获取标签集合
      document.getElementsByClassName 根据class属性获取标签集合
      document.getElementsByTagName 根据标签名获取标签集合
    2. 间接找
      parentNode // 父节点
      childNodes // 所有子节点
      firstChild // 第一个子节点
      lastChild // 最后一个子节点
      nextSibling // 下一个兄弟节点
      previousSibling // 上一个兄弟节点

      parentElement // 父节点标签元素
      children // 所有子标签
      firstElementChild // 第一个子标签元素
      lastElementChild // 最后一个子标签元素
      nextElementtSibling // 下一个兄弟标签元素
      previousElementSibling // 上一个兄弟标签元素

  2. 操作标签
    获取标签中的文本内容
    标签.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);
}
}
原文地址:https://www.cnblogs.com/dcotorbool/p/8508498.html