javascript

输出：
alert() 弹框输出
confirm() 带确定取消按钮的弹框
document.write() 在文档流中输出
document.getElementById.innerHTML修改页面中的html元素
console.log() 在调试平台中输出

输入：
1、prompt("提示信息",默认值)；弹框输入
2、页面表单元素输入值；innerHTML提取


声明变量
var x=值； 多个变量之间逗号间隔
+ 相加，连接

数据类型
数字（number），字符串(string)，布尔(boolean)，数组(array)，对象(object)，空NULL ，未字义类型(undefined)

对象：
document.getElementById("id名")；
document.getElementsByClassName(“类名”)[索引值]；


对象.innerHTML=新值；
获取值方式：
针对html元素
对象.innerHTML;
对于表单元素:
对象.value

innerText 提取文本值 
innerHTML  提取中间内容包含标签元素

函数：
定义语法：
function 函数名(){
//函数体
}
函数调用：
< 事件＝“javascript:函数”></>
触发事件＝函数名（）

对象.事件＝function(){}


事件：
onclick 点击事件
onmouseover 鼠标悬停事件
onmouseout 鼠标离开事件
onload事件 页面加载时调用
onfocus事件  获取焦点时
onblur事件  失去焦点时
onchange事件  HTML元素发生改变时触发

更改样式：
修改属性值
对象.属性名＝属性值
修改CSS样式
对象.style.样式名＝样式值     样式名（驼峰式写法  font-size:fontSize）

变量的作用域
局部变量 在函数体内，函数结束，局部变量消失
全局变量 在函数外部，页面关闭，全局变量消失

算术运算符
+－*/ %  ++  －－
a++和++a区别：a++先赋值，后自加，++a先自加，后赋值
赋值运算符
＝ +＝ －＝ *＝ /= %=
比较运算符
== 相等
=== 绝对相等
！＝  ！＝＝   >  <  >=   <=      结果都为布尔值
逻辑运算符
&&   ||  !  
与运算：当两边都为true时，结果为true
或运算：当有一边为true时，结果为true
非运算：你为true,结果为flase

条件运算符
语法：
条件?条件成立时输出内容：条件不成立时输出内容

条件判断语句：
if(条件){
条件成立时执行语句
}else{
条件不成立时执行语句
}

switch语句
语法：
switch(判断条件){
case 值：
    执行语句；
    break;
default:
    其他情况下执行语句；}

break跳出循环
continue 跳出当前循环

for循环
语法：
for(初始条件;终止条件;变量变化的条件)
{
执行语句；
}

for嵌套 

循环：
while

do  while
区别：当条件不成立时，do  while至少会执行一遍

DOM

getAttribute(属性名) 获取元素属性
setAttribute(属性名，属性值) 设置元素属性

获取子节点方式
childNodes 包含空白节点
children 不包含空白节点

子节点个数
.childNodes.length 
.children.length  

获取对应节点方式
childNodes[索引号]
children[索引号]

父节点：
parentNode

第一个子元素  firstChild
最后一个子元素 lastChild
前一个兄弟元素  previousSibling
后一个兄弟元素 nextSilbling
添加元素 appendChild 添加到内部后面
创建元素 ps=document.creatElement("p");
赋属性值 方式
1）ps.属性名＝属性值
2）ps.setAttribute(属性名，属性值)
在节点前插入元素  insertBefore(新节点，参考的节点)
父元素.insertBefore(新元素，参考元素)

删除元素
父元素.removeChild(子元素)
替换元素
父元素.replaceChild(替换的新元素，被替换的旧元素)