js 学习笔记 第一天

变量

变量的命名规则!

1. 变量命名必须以字母或是下标符号”_”或者”$”为开头。
2. 变量名长度不能超过255个字符。
3. 变量名中不允许使用空格。
4. 不用使用脚本语言中保留的关键字及保留符号作为变量名。
5. 变量名区分大小写。(javascript是区分大小写的语言)

变量的作用域

可以分为 全局变量 和 局部变量

全局变量：

1. 在最外层声明的变量。
2. 在函数体内部，但是没有声明var 的变量也是全局变量

局部变量：

1. 在函数体内部声明的变量

事件

事件名	说明
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