JavaScript
概括：
JavaScript，1995，前段解释性语言，弱类型语言
JS引入：
行内 onclick(“javascript:alert(‘aaa’)”)
内部 <script></script>
外部<script src=”地址”></script>
JS的输出：
alert(“内容”); 弹窗提示
document.write(); 可输出前段代码到页面
console.log(); 控制台输出 F12
JS的输入：
input 根据var a=id.value获取
var a=prompt(“提示信息”);
标识符：
名字：不使用关键字，尽量不重复
规则：字下美人数骆驼
变量：
记录数据的符号
盒子：装东西
变量：装数据
//声明、赋值、使用
var name=”张三”
document.write(“name=”+name); +拼接
parseInt(num)：转为整数，从左往右，遇到不是整数舍掉
num1.value 通过id取值
result.innerText 通过id给span标签添加文本
数据类型 隐式转换
数值型 var a=1
字符串var a=”1″
布尔 boolean var flag=false true（0 1）（ “” ” “）（null 其他）
运算符 算数>关系
括号>乘除>从左到右加减
- 赋值 =
- 关系 > < ==
- 算数+ 加法遇到字符串后面都拼接
- 逻辑 !>&&>|| 与：&& 或：|| 非：!
- 三目 ? : (条件表达式？值1：值2)
选择if(){}
选择if(){}
循环
while
for
数组 var arr=[1,2,3];
一组数据
遍历 arr.length
增删改
arr[3] = 4
arr.push(2); 压入数组最后一位
var r = arr.pop() 最后一个数据弹出
arr.splice(2,2,2); 第三个位置，删除后面几个，添加的数..
查询 遍历 for循环
二维数组 var=[[],[],[]]
获取div宽度 id.offsetWidth
函数
Math
Math.ceil(); 向上取整
Math.floor(); 向下取整
Math.randoml(); 0-1随机数
匿名函数
(function(num1,num2){document.write(num1+num2)})
(3,5)//立即执行，只执行一次
Math
Math.ceil(); 向上取整
Math.floor(); 向下取整
Math.randoml(); 0-1随机数
事件
onclick=”fun()” 点击
onchange=“fun()” 选择
onsubmit=”login()” 表单（form上）提交事件
window.onload=function(){}//加载事件
onblur 失去焦点 focus 焦点
定时器
setTimeOut()：只执行一次
setInterval()：多次执行
setInterval(fn,时间)
clearInterval(id) q=清除定时器
节点操作
js完成对html的操作
节点
文档：document
注释：
元素节点：
属性节点 ：class=”” style=””…
文本节点：标签之间的文本
标签：元素节点：
元素：属性节点 ：class=”” style=””…
生成文本
innerText=“”;
生成HTML
1.innerHTML=”
“
生成节点
2.document.createElement(“标签”);
var p = document.createElement(“p”);
p,innHTML=”888″;
imgs.appendChild(p); //放在最后
var img = document.createElement(“img”);
img.src = “”;
imgs.appendChild(p);
删除节点
this.remove() //删除自己
this.removeChild(this);
//imgs.removeChild(this); 父亲删儿子
//this.parentNode.removeChild(this);
复制节点
node.cloneNode()
查找
根据id查找 /1023n
p saAZ
通过标签查找
根据class查找
通过name查找
ascll码
a 65
enter 13