js.英语单词
push () :向数组的末尾添加一个或更多元素,并返回新的长度;
unshift():向数组的开头添加一个或更多元素,并返回新的长度
pop():删除数组的最后一个元素并返回删除的元素;
shift():删除并返回数组的第一个元素;
join():把数组的所有元素放入一个字符串;
reverse():反转数组的元素顺序;
sort():对数组的元素进行排序;
concat():连接两个或更多的数组,并返回结果;
slice():选取数组的的一部分,并返回一个新数组;
splice():从数组中添加或删除元素;
toString():把数组转为字符串,并返回结 果;
indexOf():搜索数组中的元素,并返回它所在的位 置;
Math对象
charAt():方法可返回指定位置的字符;
charCodeAt():方法可返回指定位置的字符的 Unicode 编码;
fromCharCode():可接受一个指定的 ;
Unicode 值,然后返回一个字符串;
search():方法用于检索字符串中指定的子字符串, 或检索与正则表达式相匹配的子字符串;
replace():方法用于在字符串中用一些字符替换另一 些字符,或替换一个与正则表达式匹配的子串;
slice():方法可提取字符串的某个部分,并以新的字符串返回被提取的部分;
substr():方法可在字符串中抽取从 *start* 下标开始的指定数目的字符;
substring():方法用于提取字符串中介于两个指定下标之间的字符;
split():方法用于把一个字符串分割成字符串数组;
concat():方法用于连接两个或多个字符串。
indexOf():方法可返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf():方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
match():方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
Math对象的方法
max():方法可返回两个指定的数中带有较大的值的那个数;
min():方法可返回指定的数字中带有最低值的 数字;
ceil():方法可对一个数进行上舍入。
floor():方法可对一个数进行下舍入;
round():方法可把一个数字舍入为最接近的整数;
random():方法可返回介于 0 ~ 1 之间的一个随机 数;
abs():方法可返回数的绝对值;
pow():方法可返回 x 的 y 次幂的值。
sqrt():方法可返回一个数的平方根。
BOOM对象
screen 对象
主要用来获取用户的屏幕信息。
window.screen**对象在编写时可以不使 用 window 这个前缀;
screen.height: 获取整个屏幕的高。
screen.width : 获取整个屏幕的宽。 screen.availHeight: 整个屏幕的高减去系统部件的高( 可用的屏幕宽度 );
screen.availWidth : 整个屏幕的宽减去系统部件的宽(可用的屏幕高度 );
日期
get:返回;
getTime():返回距 1970 年 1 月 1 日 之间的毫秒数。
getFullYear():返回一个表示年份的 4 位数字。
getMonth():返回表示月份的数字;
getDate():返回月份的某一天;
getDay():返回表示星期的某一天的数字。
getHours():返回时间的小时字段。
getMinutes():返回时间的分钟字段;
getSeconds():返回时间的秒。
getMilliseconds():返回时间的毫秒。
set: 设置;
parse()返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setDate()设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()设置 Date 对象中月份 (0 ~ 11)。
setFullYear()设置 Date 对象中的年份(四位数字)。
setYear()请使用
setFullYear() 方法代替。
setHours()设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()以毫秒设置 Date 对象。
DOM
通过id属性值获取:document.getElementById() 返回拥有指定ID的第一个对象的引用
通过标签名称获取:document.getElementsByTagName() 返回带有指定标签名的对象的集合-数组
通过class属性值获取:document.getElementsByClassName() 返回带有指定class名称的对象的集合-数组
通过name属性值获取:document.getElementsByName() 返回带有指定name名称的对象的集合-数组;
元素属性
元素.innerHTML // 属性设置或返回表格行的开始和结束标签之间的 HTML
元素.innerText // 从起始位置到终止位置的内容
元素.getAttribute('id')// 获取属性
元素.setAttribute('class','box') // 设置属性
DOM树
文档
根元素
<html>
元素 元素
<head> <body>
元素 属性 元素 元素
<title> href <a> <h1>
文本 文本 文本
"文档标题" ” 我的链接“ “ 我的标题”
节点树
document.firstChild; 属性返回指定节点的首个子节点
document.lastChild; 属性返回指定节点的最后一个子节点;
document.childNodes; 属性返回指定节点的子节点集合 - 数组;
document.parentNode; 属性返回指定节点的父节点
document.nextSibling; 属性返回指定节点之后紧跟的节点,在相同的树层级中;
document.previousSibling; 属性返回同一树层级中指定节点的前一个节点;
节点
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点;
insertBefore() 方法可在已有的子节点前插入一个新的子节点;
replaceChild() 方法可将某个子节点替换为另一个;
removeChild() 方法指定元素的某个指定的子节点。
cloneNode() 方法创建节点的拷贝,并返回该副本。方法克隆所有属性以及它们的值。如果您需要克隆所有后代,请把 deep 参数设置 true,否则设置为 false。
节点属性
单词: node ,节点是分为多种类型的
节点种类: 元素节点、 属性节点、 文本节点 、 注释节点 、 文档节点
nodeType: 1 2 3 8 9 // 返回元素的节点类型
nodeName 分别是 : Element , Attr, #text , #comment、 #document // 返回元素名
nodeValue 分别是: null , 属性值, 文本, 注释文本, null // 返回元素的节点值
节点的几个属性: nodeName、nodeType 和 nodeValue。
创建元素与删除元素
document.createElement() // 创建元素节点;
document.createTextNode() // 创建文本节点;
document.appendChild(node) // 向子节点的末尾添加新的节点
document.insertBefore(newNode, existNode) // 现有的子元素之前插入一个新的子元素
document.removeChild(node) // 删除一个子元素
document.remove() // 删除目标元素
DOM事件
ul事件
load // 页面完全加载完成后,立即执行
unload // 事件在用户退出时发生
resize // 事件在窗口或框架被调整大小时发生
scroll // 用户滚动滚动条的元素中的内容时,在元素上触发;
表单事件
blur // 失去焦点
focus // 获得焦点
select // 文本被选中
change // 内容改变时
submit // 点击提交按钮触发
reset // 点击重置按钮触发
鼠标事件
onclick: 用户单击鼠标按钮或按下回车键时触发;
onmouseover: 当鼠标移到某个元素上方时触发;
onmouseout: 当鼠标移出某个元素上方时触发;
onmousemove: 当鼠标指针在元素上移动时触发;
onmouseenter : 当鼠标移动到元素上方(子元素不支持冒泡);
onmouseleave : 鼠标离开元素(子元素不支持冒泡);
ondblclick: 当用户双击主鼠标按钮时触发;
onmousedown: 当用户按下鼠标还未弹起时触发;
onmouseup: 当用户释放鼠标按钮时触发;
键盘事件
keydown // 键盘按下任意键
keypress // 键盘按下字符键
keyup // 释放键盘上的键
事件委托
适合用事件委托的事件:click,mousedown,mouseup,keydown,keyup, keypress。
keyCode 获取用户按下键盘的哪个按键,对应一个数字,IE8以下不支持which
code = event.keyCode || event.which