[TOC] # JS脚本概念 Object，一切皆为对象 js 是基于对象的编程语言 ## 行内应用 ``` <input type="buutton" value="buutton" onclick="alert('holl')"> buutton普通标签 onclick事件 ``` ## 内部应用 ``` <script type="text/javascript"> alert('aaa'); </script> ``` ## 外部应用 ``` <script type= "text/javascript" src="he11o.js"></script> ``` ## 定义变量 var = 1 第一个字符必须以字母、下划线为首 变量名当中不能包含空格、标点符号（$除外） 变量名区分大小写，不能使用保留字、关键字 ## 内容输出格式 ``` alert();弹出一个警告框 document.write();文档写 conlose.log();控制台输出内容 ``` ## 算术符 +、-、x、/、% %取余数 ## 比较符 == 相等运算符，用于确定值是否相等 === 全等于运算符，需要值和类型全部相等 ## 逻辑运算符 && 与运算，就是需要两边全部都对，才显示为真，负责为假 || 或运算，就是两边只要有一边为对，即显示为真 ! 非运算，就是把真变成假，假变成真 ## 自增减运算 num++ 后加加运算，会在第二个弹框显示 ++num 前加加运算，会在一个弹框显示 num-- 后减减运算 ## 选择控制 ``` if控制 var a=0; if (a==0) { alert('这是真'); } else{ alert('这是假'); } switch控制 i=0; switch (i){ case 0: alert(0); break; case 1: alert(1); break default: alert("其他"); } ``` ## 循环控制 ``` for循环 for(i=0;i<7;i++){ console.log(i) } whrle循环 i=0; while(i<7){ console.Log(i) ; i++; } ``` ## JS对象 ``` dom 当网页被加载时，浏览器会创建页面的文档对象模型； html dom模型被构造为对象的树 js获取文档对象 js操作时，一定先获取元素对象（js可以操作所有的html标签，内容、属性、样式皆可操作。） <script> var 定义新名 = document.getElementById('ID原名称')； alert(新名.innerHTML);//获取元素内容 新名.innerHTML = '新内容'； </script> ``` ## 意思解析 ``` document.getElementByld( 'hid' ); 这句代码的意思是: document是文档对象 getElementByld是通过ID获取元素 合起来的意思是:从整个文档里面通过ID来获取元素 ``` ## 获取文档对象 ``` getElementById(): 通过ID获取元素 getElementsByTagName(): 通过标签名获取元素集合 getElementsByName(): 通过name获取元素集合 ``` # 事件—表单验证 ## 鼠标事件 ``` onclick 当鼠标点击时。 ondblclick 当鼠标双击时。 onmouseover 当鼠标在元素上经过时 onmouseout 当鼠标在元素上离开时 onmousedown 当鼠标按键按下时 onmouseup 当鼠标按键松开时 onmousemove 当鼠标移动时 ``` ## 键盘事件 ``` onkeydown 当键盘按键按下时 onkeyup 当键盘按键松开时 onkeypress 当键盘按键一直按着时 ``` ## 表单事件 ``` onsubmit 当表单被提交时 onreset 当表单被重置时 onfocus 当元素获得焦点时 onblur 当元素失去焦点时 onselect 当元素文本被选中时 onchange 当元素值被改变时 ``` ## 其他事件 ``` onload 当页面或图片加载完成时 onunload 当页面退出时 onresize 当窗口或框架调整大小时 onerror 当加载文档或图片发生错误时 onabort 当图片加载中断时 ```