2015.12.1 javascript中的内置对象
复习：
1、js中的内置函数
alert prompt write parseInt parseFloat eval isNaN document getElementById getElementByName value innerText innerHTML length join sort
eval() ;var result = eval(); var a="2+3" eval("result="+a); 后面会有eval和json的联合使用
isNaN(); 是不是数字
2、js事件
点击事件 onclick onload onchange bgColor document
location href onfocus onblur this（把标签本身当做对象，在函数中使用this获得该标签的对应元素。）
鼠标事件：over out down up move this.src
onsubmit：不是出现在表单的提交按钮上，或者出现了并没有什么意义。【亲测】
而是要出现在表单form上面，利用两次返回的false() 限制表单的提交。
3、表单验证：
验证表单中的text 类型的input 标签是否为空：有三种形式：我们常用length==0,，因为这最符合java的感觉【我觉得】。其次还有.value=="" .value==null.一共三种形式。
focus();//让设置该标签的属性获得焦点
Select();//选中之前输入框中的内容。【方便按住一个字母进行删除】
通过 Return false;来阻止提交
getElementByName 获得一个数组；checked false
验证单选或者多选框的时候记得判定checked。
4、regex正则表达式；js 中把正则表达式看做是一个对象，去调用这个对象的方法test
把要验证的字符串作为test方法的参数。
String 类中的matches方法。
Java中把正则表达式作为参数。
Js中把正则表达式作为对象。
5、js中的内置对象：
1）浏览器窗口对象
2）Js内置对象
3）Js html 标签 对象
getElementsByName 记得里面的值要给""
也就是：var allpick = document.getElementsByName("allPick")[0].checked;
下面这个形式是不靠谱的：var allpick = document.getElementsByName(allPick)[0].checked;
全选反选小demo
<script type="text/javascript">
function allPick(){
var allpick = document.getElementsByName("allPick")[0].checked;
var hobby = document.getElementsByName("hobby");
if(allpick){
for(var i=0;i<hobby.length;i++){
hobby[i].checked=true;
}
}else{
for(var i=0;i<hobby.length;i++){
hobby[i].checked=false;
}
}
}
function counterPick(){
var hobby = document.getElementsByName("hobby");
for(var i=0;i<hobby.length;i++){
if(hobby[i].checked){
hobby[i].checked=false;
}else {
hobby[i].checked=true;
}
}
}
</script>
</head>
<body>
爱好：<input type="checkbox" name="hobby" value="0" />篮球
<input type="checkbox" name="hobby" value="0" />篮球
<input type="checkbox" name="hobby" value="0" />篮球
<input type="checkbox" name="hobby" value="0" />篮球
<input type="checkbox" name="hobby" value="0" />篮球
<input type="checkbox" name="hobby" value="0" />篮球
<hr/>
全选：<input type="checkbox" name="allPick" onclick="allPick()"/>
<input type="button" name="counterPick" value="反选"onclick="counterPick()"/>