js.英语总结

最新推荐文章于 2024-06-10 21:57:03 发布

平凡之的世界

最新推荐文章于 2024-06-10 21:57:03 发布

阅读量322

点赞数 1

文章标签： js javascript

本文链接：https://blog.csdn.net/pinfangdeshijie/article/details/103654814

版权

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

平凡之的世界

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
js.英语总结

js.英语单词push () :向数组的末尾添加一个或更多元素，并返回新的长度;unshift():向数组的开头添加一个或更多元素，并返回新的长度pop():删除数组的最后一个元素并返回删除的元素;shift():删除并返回数组的第一个元素;join():把数组的所有元素放入一个字符串;reverse():反转数组的元素顺序;sort()：对数组的元素进行排序；con...
复制链接

扫一扫