摘要：
插入节点 获得某个DOM节点，假设这个DOM节点是空的，通过innnerHTML就可以增加 一个元素，但是这个DOM节点已经存在元素，会产生覆盖 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <tit 阅读全文
摘要：
更新节点 属性用字符串包 id1.innerText= ’123‘ ； //修改文本值 id1.innerHTML='<strong>123</strong>' //可以解析html文本标签，加粗 id1.style.color='red' //可以操作css id1.style.fontSize= 阅读全文
摘要：
DOM：文档对象模型 浏览器网页就是一个Dom树形结构 更新：更新DOM节点 遍历DOM节点：得到DOM节点 添加：添加一个新的节点 操作一个DOM节点，必须先获得DOM节点 获得DOM节点： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta 阅读全文
摘要：
js和浏览器关系： js诞生就是为了能够让其在浏览器中运行 BOM：浏览器对象模型 window对象：代表浏览器窗口 navigator 封装了浏览器的信息 大多数不会使用navigator对象，会被人为修改 不建议使用属性来判断和编写代码 screen： 代表屏幕尺寸 location(重要) l 阅读全文
摘要：
class关键字，是在ES6引入的 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 //本质还是查看对象原型，写法更容易理解 8 // 阅读全文
摘要：
js面向对象区别 类：模板 对象：具体的实例 在js中 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <script> 8 var user = { 阅读全文
摘要：
在js 一切皆为对象，任何js支持的类型都可以用json来表示 格式： 对象,map用{ } 数组,list用[ ] 所有的键值对都用 key:value 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 阅读全文
摘要：
内部对象 标准对象： Date： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 8 var now = new Date(); 9 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 8 <script> 9 //定义方法 10 //方法就是把函数放在对象里，对象只有两个东西：属性和方法 阅读全文
摘要：
变量的作用域 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <script> 8 // 在js中，var定义变量有作用域 9 //假设在函数体中声明， 阅读全文
摘要：
函数： 定义函数： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 //定义方式一 8 function abs(x){ 9 10 i 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <script> 8 9 //ES6 Map 10 //学生成绩，学生名字 11 var arr = [ 阅读全文
摘要：
ES6 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <script> 8 9 //ES6 Map 10 //学生成绩，学生名字 11 12 let 阅读全文
摘要：
流程控制： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script> 7 'use strict'; 8 9 var age = 3; 10 if 阅读全文
摘要：
对象：若干个键值对 js对象，{...}表示一个对象，键值对描述 xxx:xxx， 多个属性之间使用逗号隔开 最后一个属性不加逗号 JavaScript中的所有的键都是字符串，值是任意对象！ 1、对象赋值 2、使用一个不存在的对象属性，不会报错！undefined 3、动态的删减属性 delete 阅读全文
摘要：
Array可以包含任意的数据类型 1、长度 arr.length 注意：arr.length赋值，数组大小可以变化，赋值小，元素丢失 2、indexOf，通过元素获取索引 字符串的“1”和1是不同的 (重要)3、slice() 截取Array的一部分，返回一个新数组，类似于String的substr 阅读全文
摘要：
字符串： 1、正常字符串使用单引号，或者双引号 2、注意转义字符 \ \' \n \t \u4e2d \u#### Unicode字符 \x41 Ascll字符 3、多行字符串编写 4、模板字符串 5、字符串长度 console.log(str.length) 6、字符串的可变性，不可变 7、大小写 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!-- 7 前提：idea设置为es6语法 8 'use strict'; 严格检查模式，防止js随意性导 阅读全文
摘要：
数据类型 变量： var 不能以数字开头 数值，文本，图形，音频，视频.... 数值number：js不区分小数和整数 123 //整数 1.2 // 1.123e3 // 科学计数法 打印结果1123 -99 //负数 NaN //not a number Infinity //表示无限大 字符串 阅读全文
摘要：
EsLink js语法检测工具 基本语法： 浏览器必备调试： elements console sources network(抓包) application(cookie，session) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta 阅读全文