JavaScript
一门独立的语言，浏览器具有js解释器
存在于HTML中
javascript 代码存在形式
-Head中
<script>
//javascript代码
alert（123）
</script>
<script type='text/javascript'>
//javascript代码
alert(123)
</script>
-文件
<script src='js文件路径'> </script>
PS:JS 代码块放置在<body>标签的最下方
注释
单行注释 //
多行注释 /* */
变量：
python：
name = 'jia'
javascript:
name = 'jia'#全局变量
var name = 'eric' #局部变量
写JS代码：
-html文件中编写
-临时，浏览器的终端 console
基本数据类型
数字
age = 18;
字符串
a = ' j i aia '
a.charAt(索引位置)
a.substring(起始位置，结束位置)根据索引获取子序列
a.length 获取当前字符串长度
a.trim()移除空白
a.trimLeft()
a.trimRight()
a.concat(b, ...)拼接
a.indexOf(子序列，start)子序列位置
a.lastindexOf(子序列，start)子序列位置（从后面）
a.slice(start,end)切片 （对原数据更改，子序列是一个新的字符串）
a.toLowerCase()大写
a.toUpperCase()小写
a.split(delimiter,limit) 分割 （根据delimiter分割字符串，返回limit个分割后的序列）
列表(数组)
a = [1,2,3,4,5,7]
obj.length 数组的大小
obj.push(ele)尾部追加元素
obj.pop()尾部获取一个元素
obj.unshift(ele)头部插入元素
obj.shift()头部插入元素
obj.splice(start,deleteCount,value,...)插入，删除，替换数组元素
start:索引的数字
deleteCount:删除的个数（1/0）
value,...:插入或者替换的元素
obj.splice(n,o,val)指定位置插入元素 （在索引为n的位置，删除0个元素，放入val）
obj.splice(n,1,val)指定位置替换元素 (在索引为n的位置，删除一个元素，放入val)
obj.splice(n,1)指定位置删除元素 (在索引为n的位置，删除1个元素)
obj.slice()切片
obj.reverse()反转
obj.join(sep) 将数组元素连接起来以构建一个字符串
obj.concat(val,...)连接数组
obj.sort() 将数组元素进行排序
字典
s = {'k1':'v1','k2':'v2'}
布尔类型
小写 true false
for 循环
1,循环时循环的是他的索引
a = [11,22,33,44]
for (var item in a){
console.log a（item);
}
s = {'k1':'v1','k2':'v2'}
for (var item in s){
console.log a(item);
}
2,
a = [11,22,33,44]
for (var i=0;i<a.length;i++){
}
条件语句
if(条件){
}else if(条件){
}else{
}
!=
== 值相等
=== 值和类型都相等
&& and
|| or
函数：
function 函数名(a,b,c){
}
函数名(1,2,3)
定时器：
setInterval('执行的代码',间隔时间)；创建定时器
function func(){
//根据ID获取指定标签的内容,定义局部变量接收
var tag = document.getElementById('id');
//获取标签内部的内容
var content = tag.innerText;
var f = content.charAt(0);
var l = content.substring(1,content.lengh);
//字符串的拼接
var new_content = l + f;
tag.innerText = new_content;
}
setInterval('func()',1000);
Dom
1，找到标签
获取单个元素document.getElementById('i1')
获取多个元素（列表）document.getElementsByTagName('div')
获取多个元素（列表）document.getElementsByClassName('c1')
获取多个元素（列表）document.getElementsByName('div')
a,直接找
document.getElementById('i1') 根据ID获取一个标签
document.getElementsByTagName('div')合根据标签名获取标签集合
document.getElementsByClassName('c1')根据class属性获取标签集合
document.getElementsByName('div')根据name属性获取标签集
b,间接
tag = document.getElementById('i1')
parentNode // 父节点
childNodes // 所有子节点
firstChild // 第一个子节点
lastChild // 最后一个子节点
nextSibling // 下一个兄弟节点
previousSibling // 上一个兄弟节点
parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementtSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素
2，操作标签
a,innerText
获取标签中的文本内容
标签.innerText
对标签内部文本进行重新赋值
标签.innerText = ''
b,className
tag.className 直接整体做操作
tag.classList.add('样式名') 添加指定样式
tag.classList.remove('样式名') 删除指定样式
PS：
<div onclick='func()';'>点我</div>
<script>
function func(){
}
</script>
c,checkbox
获取值
checkbox对象.checked
设置值
checkbox对象.checked = true
事件：
<div onclick='函数(123)'></div>
<script>
...
<script>
其他：
alert() 弹窗
console.log()输出内容