JavaWeb学习——JavaScript
String
属性length
方法
substr第几位往后几位
substring从哪到哪
Array
concat
join根据元素分割数组 ， - &
push添加元素，返回新的长度 当一个字符串，整体添加
pop删除元素，返回删除的元素
reverse
Date对象
java Date toLocalString()将date变成当前时间格式
getDay（） 获取星期0-6
getDate（） 得到当前的天
getHour
getMinutes
getSeconds
getTime 返回的是毫秒数 使用毫秒数处理缓存的效果（）
Math.randon()*10
js全局函数
eval 执行js代码如果字符串是js代码，直接执行
encodeURI decodeURI 编码解码
isNAN检查某个字符串是不是数字
parseInt类型转换
JS的重载
方法名相同，参数不同
不存在重载
但是可以通过其他方式模拟 argments数组
bom
浏览器对象模型
navigator 客户机的信息（浏览器的信息） appName
screen 屏幕信息
location href属性
history history.back history.forword history.go() -1或者1
window window.alert window.confirm prompt(,)输入对话框 open（地址，“”，宽高） close（浏览器兼容性差）
定时器setInterval(“js代码”，毫秒数) clearInterval
setTimeout()只会执行一次 clearTimeout
dom
文档对象模型
首先对文档的所有对象封装成模型
document对象
element对象
属性对象
文本对象
**Node对象 是这些对象的父对象
DHTML多项技术简称
document
write方法
getElementById 通过id得到元素
getElementsByName 得到是一个数组 如果只有一个可以通过数组下标获取值
安全级别高的浏览器，不可以访问本地文件
element对象
获取属性里面的值 getAttribute（属性名称）
设置属性里面的值 setAttribute
ctrl+F5 无缓存刷新
删除属性 removeAttribute 不能删除value
Node
childNodes 所有子标签
（element）查找其他节点唯一有效的方法getElementByTagName
属性：nodeName nodeType nodeValue
标签节点对应的值 nodeType 1
属性节点对应的值 nodeType 2
文本节点对应的值 nodetype 3
父节点 子节点 同辈节点
fiistChild第一个子节点
lastChild最后一个子节点
nextSibling下个兄弟节点
previousSibling上个兄弟节点
操作dom树
appendChild类似于剪切黏贴的效果
insertBefore(newNode,oldNode)在某个节点之前插入一个新的节点 要插入的节点 在谁之前插入
通过父类节点，再添加进去
没有insertAfter方法
removeChild
replaceChild
cloneNode
innerHTML属性获取标签内容，设置标签内容，可以是html代码
（先创建Date对象，然后调用toLocalString方法获得本地方法格式的时间，用innerHTML根据ID设置Element的内容，再使用Interval定时器，定时更新时间）
案例练习，全选内容：
（利用input checkbox 的checked属性boolean值来获知checkbox的状态，改变checked属性来进行全选/全不选）
（getElementsByName得到的是一个数组，getElementById得到是一个元素，所以Element用的单数形式）
下拉列表左右选择
select multiple属性
selected
（getElementsByTagName方法的对象应该是一个元素Element，不是document，同样获取的是一个数组。所以得到的一个子元素的对象）
省市联动
（option的value并不会显示到页面上，所以还要重复值，那么可以不使用中文作为value值。而且每次点击事件，传入的是option对应的value值，用this.value）
（利用一个2维数组，一维代表抽象的国家，二维元素代表城市，第一个元素作为国家，第二个开始遍历添加到第二个select窗中）
（删除元素，由于总的元素长度会变，遍历时需将步长还原，这样才可以保证每个元素都能遍历到）