变量
变量的命名规则!
- 变量命名必须以字母或是下标符号”_”或者”$”为开头。
- 变量名长度不能超过255个字符。
- 变量名中不允许使用空格。
- 不用使用脚本语言中保留的关键字及保留符号作为变量名。
- 变量名区分大小写。(javascript是区分大小写的语言)
变量的作用域
可以分为 全局变量 和 局部变量
全局变量：
- 在最外层声明的变量。
- 在函数体内部，但是没有声明var 的变量也是全局变量
局部变量：
- 在函数体内部声明的变量
事件
| 事件名 | 说明 |
|---|---|
| onclick | 鼠标点击 |
| ondblclick | 鼠标双击 |
| onkeyup | 按下并释放键盘上的一个键时触发 |
| onchange | 文本内容(失去焦点)或下拉菜单中的选项发生改变 |
| onfocus | 获得焦点，表示文本框等获得鼠标光标 |
| onblur | 失去焦点，表示文本框等失去鼠标光标 |
| onmouseover | 鼠标悬停，即鼠标停留在图片等的上方 |
| onmouseout | 鼠标移出，即离开图片等所在的区域 |
| onunload | 关闭网页时 |
| onsubmit | 表单提交事件 |
| onreset | 重置表单事件 |
| touchstart | 当手指触摸屏幕时候触发 |
| touchmove | 当手指在屏幕上滑动的时候连续地触发. 在这个事件发生期间，调用preventDefault()事件可以阻止滚动 |
| tocuchend | 当手指从屏幕上离开的时候触发 |
| touchcancel | 当系统停止跟踪触摸的时候触发 |
function load (){
document.addEventListener('touchstart',touch, false); document.addEventListener('touchmove',touch, false); document.addEventListener('touchend',touch, false); function touch (event){ var event = event || window.event; var oInp = document.getElementById("inp"); switch(event.type){ case "touchstart": oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[> 0].clientY + ")"; break; case "touchend": oInp.innerHTML = "<br/>Touch end (" + event.changedTouches[0].clientX + "," + > event.changedTouches[0].clientY + ")"; break; case "touchmove": event.preventDefault(); oInp.innerHTML = "<br/>Touch moved (" + event.touches[0].clientX + "," + > event.touches[0].clientY + ")"; break; } }}
window.addEventListener('load',load, false);
clientX：触摸目标在视口中的x坐标。
clientY：触摸目标在视口中的y坐标。
identifier：标识触摸的唯一ID。
pageX：触摸目标在页面中的x坐标。
pageY：触摸目标在页面中的y坐标。
screenX：触摸目标在屏幕中的x坐标。
screenY：触摸目标在屏幕中的y坐标。
target：触目的DOM节点目标。
数据类型
js的数据类型分为：
字符串 数值型 布尔型 null undefined
String
转换为字符串型：
1. 利用""（双引号）
加了引号都是字符串
2. 利用String();转换为字符串型
boolean
正确 true 错误 false
数据类型转换为布尔型:
1. 利用 ！！
`console.log(typeof !!num)`
2. 利用 Boolean()
alse ,undefined,null,0,"" 为false
true ,1,"32423",[Object] 为true
数值型
`var num = 10`
数值的前面带 0 表示 八进制
`var num = 020`
数值的前面带 0x 表示 十六进制
`var result= 0xb`
转换为数值型：
1. 利用 - * /都可以转换
2. 利用Number()
parseInt() parseFloat()
parseInt(值,进制) 进制可选
Null undefined NaN
Null 空的 没有值
Undefined 未定义
NaN Not A Number
isNaN("a") true isNaN("111") false isNaN(111) false