JavaScript常用

JavaScript常用

JavaScript用法

• 写在< script>< /script>标签里面一般放在boy标签最后面
• 外部引用

JavaScript输出

• window.alert( ) 警告框弹出
• document.writer( ) 内容写到HTML里
• innerHTML 写到节点（HTML)里面\
• console.log( ) 打印到控制台

JavaScript注释

• // 单行注释
• /**/ 多行注释

JavaScript变量

• 基本数据类型（存放到栈内存中）
  • String 字符串
  • number 数字类型
  • boolean 布尔类型(true fales）
  • undefind 未定义的
  • null 空
• 引用类型（存放到堆内存中）
  • Object
  • Arr

JavaScript函数

• 封装的一些代码块，可以多次调用

JavaScript作用域

起作用的区域

• 全局作用域（写在script标签里面的）
• 局部作用域 （定义在函数内部的变量，函数…它们的作用域就在次函数里面）

JavaScripts事件

发生在HTML上的事件可以被JavaScript检测到

鼠标事件：

• onclick 鼠标点击事件
• ondblclick 鼠标双击事件
• onmouseover 在某个HTML上鼠标的移动事件
• onmouseout 在某个HTML上鼠标的移开事件
• onmousedown 鼠标按下
• onmouseup 鼠标松开
• onmouseenter 鼠标移动事件
• onmouseleave 鼠标移开事件

键盘事件：

• onkeydown 键盘按下事件
• onkeyup 键盘松开事件

表单事件：

• onblur 失去焦点
• onfocus 获取焦点
• onchange 内容改变事件
• onfocusin 获取焦点
• onfocusout 失去焦点
• oninput 获取用户
• onreset 表单重置事件
• onsearch 向搜索域输入文本时触发
• onselect 选取文本时触发
• onsubmit 表单提交事件

还有 截切版事件，打印事件，拖动事件，多媒体事件，动画事件，过渡事件…

String字符串

常用方法：

• charAt( ) 返回指定索引位置的字符串
• concat( ) 连接两个或者多个字符串，返回新的字符串
• indexOf( ) 查找对应字符在字符串中第一次出现的位置 前到后的顺序
• match( ) 找到一个或者多个正则表达式匹配
• replace( ) 替换字符串
• slice( ) 提取字符串的片段
• split ( ) 字符串分割为数组
• substr( ) 截取字符串 第一个参数是开始的索引 第二个参数是截取的长度
• substring( ) 截取两个字符串中间的片段字符串
• toLocaleLowerCase( ) 字符串小写
• toLocaleUpperCase( ) 字符串大写

Array数组

常用方法：

• concat( ) 连接两个或者多个数组
• indexOf( ) 搜索对应元素且返回它的索引
• join( ) 把数组元素组成字符串
• map( ) 通过指定函数处理数组的每一个元素，并返回处理以后的数组
• push( ) 数组尾巴添加元素
• pop( ) 数组尾巴删除元素
• reverse( ) 反转数组
• shift( ) 删除数组第一个元素
• onshift( ) 添加一个元素到数组的前头
• slice( ) 选取数组的一部分 返回一个新数组
• sort( ) 对数组重新排序
• splice( ) 向数组中添加或者删除元素

Date时间对象

常用方法;

• getFullYear( ) 获取年份
• getMonth( ) 获取月份（0–11）
• getDate( ) 获取月中某一天
• getDay( ) 获取一周中的某一天（0—6） 0是星期天
• getHours( ) 获取小时
• getMinutes( ) 获取分钟
• getSeconds( ) 获取秒
• toLocaleDateString( ) 获取本地时间
• toLocaleString( ) 获取本地时间

上述所有的get方法都又set方法get获取set设置

Window对象

关系对象

• 导航器对象
• 显示器对象
• 浏览记录对象
• 位置对象
• 文档对象
• 窗口控制
• 焦点控制
• 打开关闭窗口
  • open 打开新窗口
  • close 关闭窗口
• 定时器
  • setTimeout(执行的代码或者函数【只执行一次】，执行时间)
    • clearTimeout( ) 取消setTimeout计时器的
  • setInterval(执行的代码或者函数【重复执行】，执行时间 )
    • clearInterval( ) 取消setInterval计时器
• 对话框
  • alert(‘提示语句’) 弹出警告框
  • confirm(“提示语句”) 选择框提示 点击确定取消 返回 true fales
  • prompt(“提示语句”) 弹出一个输入框
• 属性
  • 状态栏
  • 窗口位置
    • screenX 窗口左上角的x坐标
    • screenY 窗口左上角的Y坐标
    • pageXOffset 文档向右滚动的像素
    • pageYOffset 文档向下滚动的像素
  • 其他属性

比较逻辑运算符

比较符：

• == 等于
• === 绝对定于（值和类型）
• ！= 不等于
• ！== 不绝对等于（值和类型有一个不相等都不行）
• <
• >
• <=
• >=

运算符

• /
• % 取模（取余输）
• ++ （前加再用，后用再加）
• —— （前减有用，后用再减）
• =
• +=
• -=
• *=
• /=
• %=

逻辑运算符

• && 和
• || 或
• ！ 非

三目运算，三步运算

（age <18)? “未成年”：“成年了”

Break 和 Continue

• Break 跳出全部循环
• Continue 跳出本次循环再执行下一次循环

正则表达式 RegExp

修饰符：

• i 执行大小写不敏感
• g 执行全局匹配
• m 执行多行匹配

方括号：

[ ] 方括号里面的内容是查找的范围

量词

• n+ 匹配任何包含至少一个n 的字符串
• n* 匹配任何包含0个或多个n的字符串
• n? 匹配任何包含0个或一个n的字符串

方法：

• test( ) 检测字符串是否匹配某个正则的模式 true false
• exec( ) 检测字符串满足正则的部分 返回满足的字符串

JavaScript：viod(o)

用于a标签不跳转使用

函数

闭包：闭包就是能够读取其他函数内部变量的函数

优点：参数和变量不会被回收。

缺点： 当我们使用多闭包参数和变量不会被回收就容易造成内存泄露

Dom

获取节点：

• document.getElementById 通过节点id获取
• document.getElementByName 通过元素的name属性获取
• document.getEmlentByTagName 通标签名字获取节点
• document.querySelector( ) 通过Css选择器选择要获取的元素
• document.quertSelectorAll( ) 通过Css选择器选择要获取的元素集合

获取所有子节点

父节点 . childNodes( )

创建节点

• document.createElement(元素标签) 创建元素节点
• document.createAttribute(元素属性) 创建属性节点
• document.createTextNode(文本内容) 创建文本节点

插入节点

• 节点.appendChild 向节点的末尾添加节点
• 节点.insertBefore 向节点的前面添加节点

删除节点

• 节点.removeChild 删除指定节点

属性操作

• 节点.getAttribute( ) 获取节点属性的属性值
• 节点.setAttribute( ) 创建或者改变节点的属性值
• 节点.removeAttribute( ) 删除节点中的指定属性

节点内容

• 节点.innerHTML 改变节点中html内容
• 节点.innerText 改变节点中文字

节点样式的添加

• 节点.style( ) 添加节点的样式