2020-05-19

获取元素属性三种方法
1.oDiv.width
2.oDiv[width]
3.oDiv.getAttribute()

获取元素文本
1.text.value 仅限于input标签
2.iDiv.innerHtml 获取div内的子标签及文本内容3.iDiv.innerText 获取标签内容获取元素

document.getElementById()
document.getelementsByTagName()
document.getelementsByClassName()

数据类型
number function string
null undefined boolean

typeof str 检测类型
isNaN(str) 判断是否是nan

数据类型转换
parseint(str) 字符串转换整型
parsefloat(str) 字符串转换小数点类型
隐式转换
str1-str2
str*1
iage+"

闭包
子函数访问父函数变量子函数形成闭包作用域链

命名规范
匈牙利命名法
o对象 a 数组 i整数 f小数
fun 函数 v变量 re

正则三目运算符条件?语句1:语句2
例如：100%2==0？alert(等于0):alert(不等于)

break 跳出整个循环
Continue 跳出本层循环继续下一层

boolean
true 内容不为空为默认为真
false 内容为空null undefined

forin forof
forin
没有length属性 多数用于遍历对象
遍历数组不保证输出顺序

for of 遍历数组，迭代函数函数传参默认储存到

argument
储存函数参的数组
返回值return
一个函数只能返回一种数据类型获取行间样式

oDiv.currentstyle.arrt ie
getcomputedStyle(obj,false).atrr

兼容处理
oDiv.currentStyle?oDiv.currentStyle.width:getcomputedStyle(oDiv,1).width

鼠标、键盘事件

let oEvent =ev||event; //ev是函数传参
可视区鼠标坐标 oEvent.clientX oEvent.clienY
滚动条高度 let scroll=document.documentElement.scrollTop||document.body.scrollTop

事件的默认行为
列入：点击右键弹出菜单
document.οncοntextmenu=function(){
//阻止默认行为
return false
}
键盘事件
text.οnclick=function(){
if(oEvent.keyCode==13){
alert(‘用户按下了回车键’)
}
三个封装好的code值
ctrlKey shiftKey altKey
}

事件绑定

匿名函数无法删除，建议使用函数名
addEvenListener(事件类型，函数名，捕获)
removeEvenListener(事件类型，函数名，捕获)

## 事件绑定和事件区别

同一个元素绑定同一个类型事件，会被覆盖，事件绑定则不会

面向对象

面向对象组成
构造函数 属性 方法
什么是面向对象？
封装 继承 抽象

this

函数的this指向window
new出来的对象指向object

原型 prototype 显性

当调用一个方法与属性的时候会一级一级找，如果都没有指向null
对象-----prototype----_proto_隐性-----null
prototype原型只有函数拥有
原型上的方法属性，子对象都拥有

流行开发模式
构造+原型