|
一.JavaScript ?字符串方法
1.字符串长度（length）
2.查找字符串中的字符串(indexOf,lastIndexOf)
indexOf() 方法返回字符串中指定文本首次出现的索引（位置）
lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引
3.检索字符串中的字符串(search(),slice(),substring() ,substr() )
search() 方法搜索特定值的字符串，并返回匹配的位置
slice() 提取字符串的某个部分并在新字符串中返回被提取的部分,两个参数，开始位置和结束位置
substring() ：两个参数，开始位置和结束位置，包含第一个索引，不包含第二个
substr()：两个参数，开始位置和截取长度
4.替换字符串内容
replace() 方法用另一个值替换在字符串中指定的值，不会改变调用它的字符串。它返回的是新字符串。只替换首个匹配
toUpperCase() 把字符串转换为大写：
toLowerCase() 把字符串转换为小写：
concat() 连接两个或多个字符串，第一个参数为连接的字符串,后面的参数是要添加的字符串
trim() 方法删除字符串两端的空白符
5提取字符串字符
charAt() 方法返回字符串中指定下标（位置）的字符串
charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码
6把字符串转换为数组
split() 将字符串转换为数组
二.JavaScript 数值方法
1.Number 方法和属性
toString() 以字符串返回数值。
toExponential() 返回字符串值，它包含已被四舍五入并使用指数计数法的数字。
toFixed() 返回字符串值，它包含了指定位数小数的数字,参数为保留小数点后的位数
toPrecision() 返回字符串值，它包含了指定长度的数字，参数为整个数据的位数
valueOf() 以数值返回数值
2.把变量转换为数值
Number()，返回数字，由其参数转换而来。
parseFloat()，解析其参数并返回浮点数。
parseInt()?? ?，解析其参数并返回整数。
三.数组
1创建数组
var arrayname = [item1, item2, ...];
var cars = ["Saab", "Volvo", "BMW"];
var cars = new Array("Saab", "Volvo", "BMW");
push() 方法：向数组添加新元素的最佳方法是使用
四.数组方法
toString() 把数组转换为数组值（逗号分隔）的字符串
join() 方法也可将所有数组元素结合为一个字符串
pop() 方法从数组中删除最后一个元素
push() 方法（在数组结尾处）向数组添加一个新的元素
shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引,返回被“位移出”的字符串
unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素,返回新数组的长度
splice() 方法可用于向数组添加新项,第一个参数应添加新元素的位置,第二个参数定义应删除多少元素,
其余参数（“Lemon”，“Kiwi”）定义要添加的新元素,具有删除，替换，添加三种功能。
五，数组排序
sort() 方法：以字母顺序对数组进行排序
reverse() 方法：反转数组中的元素（本质是反转元素的索引）
六.数组迭代方法
forEach() 方法为每个数组元素调用一次函数（回调函数）。
Array.map()方法通过对每个数组元素执行函数来创建新数组。
map() 方法不会对没有值的数组元素执行函数。
map() 方法不会更改原始数组。
filter() 方法创建一个包含通过测试的数组元素的新数组。
Array.reduce()
reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduce() 方法在数组中从左到右工作。另请参阅 reduceRight()。
reduce() 方法不会减少原始数组。
Array.reduceRight()
reduceRight() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduceRight() 方法在数组中从右到左工作。另请参阅 reduce()。
reduceRight() 方法不会减少原始数组
Array.every()
every() 方法检查所有数组值是否通过测试
some() 方法检查某些数组值是否通过了测试
indexOf() 方法在数组中搜索元素值并返回其位置
六.日期（Date）
new Date() 用当前日期和时间创建新的日期对象
getDate()?? ?，以数值返回天（1-31）
getDay()，以数值获取周名（0-6）
getFullYear()，获取四位的年（yyyy）
getHours()，获取小时（0-23）
getMilliseconds()，?? ?获取毫秒（0-999）
getMinutes()，获取分（0-59）
getMonth()，获取月（0-11）
getSeconds()，获取秒（0-59）
getTime()?? ?获取时间（从 1970 年 1 月 1 日至今）
七.设置日期方法
方法?? ?描述
setDate()?? ? ? ? ? ? ? ? ? ?以数值（1-31）设置日
setFullYear()?? ?设置年（可选月和日）
setHours()?? ?设置小时（0-23）
setMilliseconds()?? ?设置毫秒（0-999）
setMinutes()?? ?设置分（0-59）
setMonth()?? ?设置月（0-11）
setSeconds()?? ?设置秒（0-59）
setTime() ? ?? ?设置时间（从 1970 年 1 月 1 日至今的毫秒数）
八. Math 对象
Math.round(x) 的返回值是 x 四舍五入为最接近的整数
Math.pow(x, y) 的返回值是 x 的 y 次幂
Math.sqrt(x) 返回 x 的平方根
Math.abs(x) 返回 x 的绝对（正）值
Math.ceil(x) 的返回值是 x 上舍入最接近的整数(向上取整)
Math.floor(x) 的返回值是 x 下舍入最接近的整数（向下取整）
Math.sin(x) 返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）
Math.cos(x) 返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值
Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值
Math.random() 返回介于 0（包括） 与 1（不包括） 之间的随机数
方法?? ?描述
abs(x)?? ?返回 x 的绝对值
acos(x)?? ?返回 x 的反余弦值，以弧度计
asin(x)?? ?返回 x 的反正弦值，以弧度计
atan(x)?? ?以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)?? ?返回从 x 轴到点 (x,y) 的角度
ceil(x)?? ?对 x 进行上舍入
cos(x)?? ?返回 x 的余弦
exp(x)?? ?返回 Ex 的值
floor(x)?? ?对 x 进行下舍入
log(x)?? ?返回 x 的自然对数（底为e）
max(x,y,z,...,n)?? ?返回最高值
min(x,y,z,...,n)?? ?返回最低值
pow(x,y)?? ?返回 x 的 y 次幂
random()?? ?返回 0 ~ 1 之间的随机数
round(x)?? ?把 x 四舍五入为最接近的整数
sin(x)?? ?返回 x（x 以角度计）的正弦
sqrt(x)?? ?返回 x 的平方根
tan(x)?? ?返回角的正切
B.Dom对象
1.查找 HTML 元素
方法?? ??? ??? ??? ??? ?描述
document.getElementById(id)?? ??? ?通过元素 id 来查找元素
document.getElementsByTagName(name)?? ?通过标签名来查找元素
document.getElementsByClassName(name)?? ?通过类名来查找元素
document.getElementsByName(name)?? ??? ?通过name来查找元素
通过 CSS 选择器查找 HTML 元素
如果您需要查找匹配指定 CSS 选择器（id、类名、类型、属性、属性值等等）的所有 HTML 元素，请使用 querySelectorAll() 方法。
2.改变 HTML 元素
方法?? ??? ??? ??? ??? ?描述
element.innerHTML = new html content?? ?改变元素的 inner HTML
element.attribute = new value?? ??? ?改变 HTML 元素的属性值
element.setAttribute(attribute, value)?? ??? ?改变 HTML 元素的属性值
element.style.property = new style?? ??? ?改变 HTML 元素的样式
3.添加和删除元素
方法?? ??? ??? ??? ?描述
document.createElement(element)?? ?创建 HTML 元素
document.removeChild(element)?? ?删除 HTML 元素
document.appendChild(element)?? ?添加 HTML 元素
document.replaceChild(element)?? ?替换 HTML 元素
document.write(text)?? ??? ?写入 HTML 输出流
?4.DOM 事件监听器
addEventListener() 方法,removeEventListener() 方法轻松地删除事件监听器。
5.DOM 导航
parentNode
childNodes[nodenumber]
firstChild
lastChild
nextSibling
previousSibling
nodeValue 属性
nodeValue 属性规定节点的值。
元素节点的 nodeValue 是 undefined
文本节点的 nodeValue 是文本文本
属性节点的 nodeValue 是属性
创建一个子节点_createElement，插入一个子节点appendChild，
在已有元素之前插入节点:insertBefore，删除子节点:removeChild()。
获取元素的第一个子节点:firstElementChild()，获取元素的最后一个子节点:lastElementChild()，上一个兄弟节点:previousElementSibling，
下一个兄弟节点nextElementSibling
C.浏览器对象模型Bom
?1.Location
window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。
window.location.href 属性返回当前页面的 URL
window.location.hostname 属性返回（当前页面的）因特网主机的名称
window.location.pathname 属性返回当前页面的路径名
window.location.protocol 属性返回页面的 web 协议。
window.location.port 属性返回（当前页面的）互联网主机端口的编号
window.location.assign() 方法加载新文档
2.History
history.back() 方法加载历史列表中前一个 URL。
history forward() 方法加载历史列表中下一个 URL。
3.Navigator
appName 属性返回浏览器的应用程序名称
appCodeName 属性返回浏览器的应用程序代码名称
product 属性返回浏览器引擎的产品名称：
appVersion 属性返回有关浏览器的版本信息
userAgent 属性返回由浏览器发送到服务器的用户代理报头（user-agent heade
|