Javascript笔记
1.一般函数：
格式：
function 函数名（形式参数...）{
执行语句；
renturn 返回值；
}
函数是多条语句的封装体，只有被调用才会被执行。
注意：调用有参数的函数，但没有给其赋值，函数一样可以运行；
或者调用没有参数的函数，给其传值，也一样运行。
简单地说，只要写了函数后面的小括号，函数就可以运行。
<script> function demo() { alert(arguments.length); for (var x = 0; x < arguments.length; x++) { console.log(arguments[x]); } } demo(123, "hello", true);//调用函数，弹出对话框的结果为3。 // var show = demo(); </script>
通过JS的内置对象function实现，例如：
var demo = new function（"x，y"；"alert（x+y）"；）； demo（4,6）； 和一般函数不同的是，动态函数、参数及函数体都可以通过参数传递，动态指定。
3.匿名函数：（一般函数的简写形式）
var demo=function(){ ...... } demo()
4.对象：内置对象，windows对象
1、navigator对象 appName属性：浏览器的名称 AppVersion属性：浏览器的版本号 2、location对象 href属性：获取或者设置地址 3、screen对象 height与availHeight属性：获取屏幕的高度，是否去除任务栏 width与availWidth属性：获取屏幕的宽度，是否去除任务栏 4、event对象 keyCode属性：获取键盘按键 returnValue属性：获取或者设置某个属性的返回值 srcElement属性：获取某个事件的源对象 5window方法 confirm：弹出一个确认对话框，返回值的值为true或false focus：使某个元素获得焦点，并执行onfocus时间制定的代码 moveBy与moveTo：移动 open：打开窗口，可以制定标题、打开方式、窗口属性（标题栏、滚动条、可变大小等） prompt：显示一个提示框，有一条消息和一个输入框 setTimeout与clearTimeout：间隔多长时间之后执行 setInterval与clearInterval：每间隔多长时间执行
5.DOM节点树
1、以html元素为根节点
2、除了根节点，每个节点都有一个父节点
3、每个节点有许多子节点
4、相同父节点的节点叫兄弟节点
// 提供触发方式
<body onload="方法名()"></body>
访问指定节点
getElementById(“id”) 通过id访问元素
getElementsByName(“name”) 通过name访问元素
getElementsByTagName(“标签名”) 通过标签名访问元素
getElementsByClassName(“class”) 通过class访问元素
节点对象
parentNode 元素节点的父节点
childNodes 元素节点的子节点数组
firstChild 第一个子节点
lastChild 最后一个子节点
previousSibling 前一个兄弟节点
nextSibling 后一个兄弟节点
元素对象
createElement(标签) 创建元素节点
createTextNode(文本) 创建文本节点
appendChild(节点) 为当前节点增加一个子节点（作为最后一个节点）
insertBefore(节点,节点) 为当前节点增加一个子节点（插入到指定子节点前）
removeChild(节点) 删除当前节点的某一个节点
元素属性与内容操作
innerHTML 获取或设置元素的HTML内容
className 获取或设置元素的class属性
style 获取或设置元素的style样式属性
offsetWidth、offsetHeight 获取或设置元素的宽和高（不含滚动条）
scrollWidth、scrollHeight 获取或设置元素的完整的宽和高（含滚动条）
offsetTop、offsetLeft 获取或设置包含滚动条，距离上或左边滚动过的距离
scrollTop、scrollLeft 获取或设置元素在网页中的坐标
getAttribute(“style/type”) 获取元素指定属性的值
setAttribute(“type”,”button”) 为元素设置新的属性
removeAttribute(“style/type”) 为元素删除指定属性
转义字符
转义字符 描述 转义字符 描述 \b 退格 \v 跳格（Tab、水平） \n 回车换行 \r 换行 \t Tab符号 \\ 反斜杠 \f 换页 \ooo 八进制整数 \’ 单引号 \xHH 十六进制 \” 双引号 \uhhhh 十六进Unicode字符 比较运算符 描述 < 小于 > 大于 <= 小于等于 >= 大于等于 == 等于，只根据表面值判断，不涉及数据类型 === 绝对等于，根据表面值判断和数据类型判断 != 不等于，只根据表面值判断，不涉及数据类型 !== 不绝对等于，根据表面值判断和数据类型判断 逻辑运算符 描述 && 逻辑与 a&&b : a为true且b也为true 最终true 其他为false || 逻辑或 a||b : a为true 或 b 为true 最终 true（只要a或b有一个true） ! 逻辑非 : !true 为false 赋值运算符 运算符 说明 运算符 说明 += 加法赋值运算符 -= 减法赋值运算符 *= 乘法赋值运算符 /= 除法赋值运算符 %= 取模赋值运算符 = 赋值 运算符优先级 运算符 结合性 . [] () 向左 ++ -- - ! delete new typeof void 向右 * / % 向左 + - 向左 >> << >>> 向左 <= < > >= in instanceof 向左 == != === !=== 向左 & 向左 ^ 向左 | 向左 && 向左 || 向左 ?: 向右 = 向右 *= /= %= += -= <<= >>= >>>= &= ^= |= 向右 , 向左
条件语句
·if语句
if (条件){
执行语句
}
if (条件){
执行语句
}
else{
执行语句
}
if (条件){
执行语句
}
else if (条件){
执行语句
}
switch (表达式){
case 目标值1:
执行语句1
break;
case 目标值2:
执行语句2
break;
default:
执行语句n+1
break;
}
条件运算符
三目运算：操作数?结果1:结果2 操作数为true结果为“结果1”，否则为“结果2”
循环控制语句
while (循环条件){
循环体语句;
}
do{
循环体语句;
}while(循环条件);
for(初始化表达式;循环条件;操纵表达式){
循环体语句;
}
break; 跳出循环，跳出switch语句
continue 结束本次循环继续下一次循环
循环语法
for (变量 in 数字){} #变量遍历数组的每一个下标索引
你的代码量决定了你的薪资水平！
