js2

1.Js中的String对象（Js中区分大小写）
var str = "asd";来定义
它的属性有length属性 document.write(str.length);

方法有与html相关的方法（bold()加粗，fontcolor("red")设置字符串颜色，fontSize(1-7)字体大小
link()将字符串显示成超链接，sub()下标，sup()上标），与java相似的方法（concat(字符串)连接字符串，charAt（下标）返回指定位置字符串
，indexOf（字符串）返回字符串位置，split（"-"）切分数组,replace(原始值，替换成的值)替换字符串，substr（1,3）左闭右闭，subString（1，3）左闭佑包）

2.Js的Array对象
属性 length数组长度
方法 concat（数组）连接数组 join(字符)分割数组 push(元素，如果是一个数组也只当成一个元素)数组最后边加元素，pop（）删除并返回最后一个元素
reverse()数组元素调到顺序

3.Js中的Date
var date = new Date();
document.write(date);当前时间
document.write(date.toLocaleString());当前时间转换为本地时间格式
date.getFullYear();得到当前年
date.getMonth();得到当前月-1
date.getDay();得到当前的星期（星期日作为一周的第一天，0为周日）
date.date();当前第几号1-31
getHours()当前小时
getMinutes()当前分钟
getSeconds()当前秒
getTime()获取毫秒数

4.Js中的Math对象
直接用Math.xx()调用，不用new
ceil(xx)向上舍入
floor(xx)向下舍入
round(xx)四舍五入
random()0-1随机数
max(x,y)
min(x,y)
pow(x,y)x的y次方

5.Js全局函数
不属于任何一个对象，直接使用的函数
eval()  var str="alert("1111")" eval(str)可以直接执行
encodeURI（xx）对字符编码
decodeURI（xx）对字符解码
isNaN(xx)判断当前字符串是否是数字，不是返回true，是返回false
parseInt(xx)类型转换

6.Js函数的重载
不存在重载 会调用最后一个方法，可以模拟重载
每个方法都有一个argument，argument表示一个数组，可以得到它的长度

7.Js的BOM对象（浏览器对象模型）
navigator 获取浏览器信息  navigator.appName()返回浏览器名称
screen 获取屏幕信息 screen.width screen.height 获取屏幕宽高
location 获取url地址 location.href location.href="跳转地址(xxx)"获取和设置url地址
history  history.back();到上一个页面 history.forward（）;到下一个页面  history.go(-1)上一个页面  history.go(1)下一个页面
window（****）它是一个顶层对象，并且是一个窗口对象 所有的bom都是在window里面操作的 如: alert() confirm("xxx")确认框
         prompt(“文本”，“默认值”)输入框 open（url,"","窗口特征"）表达打开一个新的窗口  close()关闭一个窗口，兼容性差
    setInterval（"js代码",毫秒数）定时器，几秒执行一次 setTimeout("js代码",毫秒数) 定时器，几秒执行一次，只会执行一次  
    cleatInterval(id) cleatTimeout(id) opener获取创建当前窗口的窗口        


οnclick="js的方法（如href1(）；）"

8.Js的Dom 文档对象模型（树形结构）
（1）需要把html中的标签，属性，文本内容封装成对象
（2）解析标记型文档
document对象
element对象
属性对象
文本对象
Node节点对象（它是这些对象的父对象）其它对象找不到的时候在它里面找

9.DHTML
它是很多技术的简称（html css js（ECMAScript） dom）

10.document对象
document.write(str)  var input = document.getElementById(id) input.value input.value="bbbb"
var names = document.getElementByName(name)(返回一个数组)  然后循环数组取值
var inputs = document.getElementByTagName(标签名称（如input）) 然后循环数组取值

11.注意
谷歌安全性高，所以不能访问本地文件(安全性)，实际中不会访问本地文件

12.
案例一:末尾添加节点
var ul1 = document.getElementById("ulid");
   //创建标签
   var li1 = document.createElement("li");
   //创建文本
   var tex1 = document.createTextNode("555");
   //把文本添加到li下面
   li1.appendChild(text1);
   //把li加到ul下面
   ul1.appendChild(li1);

案例二:element对象
var input = document.getElementById("inputId");
alert(input.value);//当是关键字的时候不能取
alert(input.getAttribute("value"));//当是关键字的时候可以取,获取属性值
//设置属性值
input.setAttribute("class","haha")
//删除这个属性
input.removeAttribute("name")

案例三:
var ul11 = document.getElementById("ulid1");
//它的兼容性差
var lis = ul11.childNodes;
//返回标签下的标签，是集合形式
var lis = ul11.getElementByTagName("li");

案例四:
//获取标签对象=1
var span = document.getElementById("spanId");
alert(span.nodeType);
alert(span.nodeName);
alert(span.nodeValue);

//属性=2
var id1 = span.getAttributeNode("id");
alert(id1.nodeType);
alert(id1.nodeName);
alert(id1.nodeValue);

//获取文本=3
var text = span.firstChild;
alert(text.nodeType);
alert(text.nodeName);
alert(text.nodeValue);

13.父子节点和同辈节点
var li1 = document.getElementById("li1");
//父节点
var ul1 = li1.parentNode;
alert(ul1.id)

//第一个子节点
var li1 = ul1.firstChild;
alert(li1.id);

//最后一个子节点
var li2 = ul1.lastChild;
alert(li2.id);

var li2 = document.getElementById("li2");
//下一个兄弟节点
alert(li2.nextSibling.id);
//上一个兄弟节点
alert(li2.previousSibling);

14.操作dom树
//把列表添加到另一个div中
var div2 = document.getElementById("div2");
var ul11 = document.getElementById("ulid11");
div2.appendChild(ul11);

//在某标签前添加标签
var li3 = document.getElementById("li3");
var li5 = document.createElement("li5");
var text = document.createTextNode("xxx");
li5.appendChild(text);
var ul = document.getElementById("ul");
//在li5前面添加li3
ul.insertBefore(li5,li3);

//删除节点
var li = document.getElementById("li1");
var ul = document.getElementById("ul");
ul.removeChild(li);

//替换节点
var li = document.getElementById("li");
var li1 = document.createElement("li1");
var text= document.createTextNode("xxx");
li1.appendChild(text);
var ul = document.getElementById("ul");
ul.replaceChild(li1,li);

//复制节点
var ul = document.getElementById("ul");
var copy = ul.cloneNode(true);
var div = document.getElementById("div");
div.appendChild(copy);

15.innerHtml
他不属于dom，但是大多数浏览器都支持这个属性
第一个作用，获取文本内容：
var span1 = document.getElementById("sid");
alert(span1.innerHTML);

第二个作用，设置内容:
var div = document.getElementById("div");
div.innerHTML = “<h1>aaa</h1>”

16 动态显示时间
function getD1(){
var date = new Date();
var d = date.toLocaleString();
var div = document.getElementById("time");
div.innerHTML = d;
}
//每一秒写一次时间
setInterval("getD1();",1000);

17 全选 全部选 反选案例

18下拉列表左右选择

19省市联动

20动态生成表格