<script>
函数：
普通函数：
function func(){
}
匿名函数：
setInterval("func()",5000);
setInterval(function(){console.log(123)},5000)
自执行函数(创建函数并且自动执行)：
function func() {
}
func()
(function(arg){console.log(arg);})(1)
序列化：
li=[1,2,3,4]
JSON.stringify(li) 将列表对象转化为字符串
JSON.parse(str) 将字符串转化为列表对象
转义：
客户端（cookie）请求服务器端
将数据转义之后保存到cookie里面
eval
python:
val =eval(表达式)
exec(执行代码)
JavaScript：
eval
时间：
Date类
var d=new Date()
d.getxxx 获取
d.setxxx 设置
作用域：
五句话搞定JavaScript作用域
其他语言：以代码块作为作用域
python中是以函数作为作用域的
javascript：以函数作为作用域(let)
function def() {
if(1==1){var name = 'za'};
console.log(name);
}
def ()
2.函数的作用域在函数未被调用之前，已经创建
3、函数的作用域存在作用域链，并且也是在被调用之前创建
a = '123';
function def(){
var a = '456';
function inner(){
console.log(a);
}
return inner;
}
var ret = def()
ret()
4、函数内部局部变量提前声明
解释的过程中会执行var a；但是不会赋值
function def() {
console.log(a);
var a= '123'
}
javascript面向对象：
不能将类的方法定义在类里面需要写在原型里面，因为每次创建实例都会创建类的方法，所以要把方法写在原型里面。避免浪费内存
类的创建实例：
function Foo(n) {
this.name = n #相当于self.name
}
#Foo的原型：
Foo.prototype={
'sayname':function () {
console.log(this.name)
}
}
DOM:
查找
直接查找/间接查找：
var obj = document.getElementById('i1');
obj.innerText 处理全部文本，不包含当前标签内的标签
obj.innerHTML 包含所有，包括里面的标签
赋值：
obj.innerText='xxxx';
obj.innerHTML= '<a href="www.baidu.com"> xxxx</a>';
value (
针对input value获取当前标签中的值)
select 获取选中的value值（selectedIndex）
textarea value获取当前标签中的值
搜索框的实例：
样式的操作：
obj.className
obj.classList:
obj.classList.add()
obj.classList.remove()
obj.style.fontSize = '16px'
obj.style.backgroundColor = '16px'
obj.style.color = '16px'
属性的操作：
obj.setAttribute()
obj.removeAttribute()
obj.attributes
创建标签并增加到html中
1、字符串形式
2、对象的方式
提交表单：
任何标签都可以通过JavaScript提交表单
其他：
console.log()
alert()
var v=confirm(信息) v为true或false 弹出确认框
刷新
localtion.href 获取当前网页
localtion.href='www.xxxxx'重定向，跳转
localtion.reload() 相当于 localtion.href=localtion.href 刷新功能
定时器：
var obj = setInterval(function () {
console.log(123)
},5000)
clearInterval(obj);清除定时器
定时器只执行一次 5秒后执行
setTimeout(function () {
console.log(123)
},5000)
clearTimeout() 清除定时器
事件：
onclick,onblur,onfocus
面试题：行为。样式。结构相分离的页面？
JS CSS HTML
绑定事件的两种方式
a 直接标签绑定 onclick=‘xxxx（）’
b 先获取DOM对象，然后进行绑定
document.getElementById('xx').onclick
document.getElementById('xx').onfocus
this,当前触发事件的标签
a.第一种绑定方式
<input id='i1' type='button' onclick='Clickon(this)'>
function Clickon(self) {
// 当前点击的标签
}
b、第二种绑定方式
<input id='i1' type='button'>
document.getElementById('i1').onclick=function () {}
c、第三种绑定方式
var mydiv=document.getElementById('i1')
mydiv.addEventListener('click',function(){console.log(123)},false);
mydiv.addEventListener('click',function(){console.log(456)},false);
一个事件执行两个函数 false是冒泡模式，当两个div重叠是，点击重叠部分false会先执行上层，true会先执行下层
作用域实例：
var myTrs = document.getElementsByTagName('tr');
var len =myTrs.length;
for(var i=0;i<len;i++){
myTrs[i].onmouseover=function () {
// 谁调用的函数this就会指向谁 为什么使用this而不使用myTrs【i】是因为函数作用域的问题，每次遍历函数的名称都会变
this.style.backgroundColor='red'
}
myTrs[i].onmouseout=function () {
// 谁调用的函数this就会指向谁
this.style.backgroundColor=''
}
}
sublime text emmet插件，方便书写代码
</script>
