闲余之际整理了一些Js初级词汇，分享于大家，现炮制如下:
一.数组
1.检测
arr.isArray(要判断的变量):判断一个变量是否是数组
2.数组方法
1).arr.toString():数组转为字符串,默认使用逗号来分隔元素2).arr.join('指定符号'):使用指定符号分隔元素3).arr.push('新元素1','新元素2'):从数组末位的位置添加新元素,并返回数组的长度4).arr.pop():从数组末尾的位置删除一个元素,并把删除的元素返回出来5).arr.shift():删除数组中的第一个元素,并返回删除的元素6).arr.unshift('新元素1','新元素2'):从数组开始的位置添加新元素,并返回数组长度7).数组排序方法(根据元素每一位的数值的大小顺序排序)a).arr.sort(排序函数)升序(从小到大)排列元素自定义排序函数b).arr.reverse()降序(从大到小)排列元素8).arr.concat(参数1,参数2,参数3):根据现有数组创建新数组,原数组不受影响(push是在原数组的基础上进行拼接)9).slice(起始下标,结束下标):根据当前数组中一个或多个元素来创建另一个数组只1参时表示开始直到结束10).splice(起始下标位置,要删除的元素数,要删除的元素):数组元素的增、删、改11).indexOf(要查找的元素,要搜索的起始位置[可选]):获取数组元素的下标
二.字符串操作方法
1.字符串拼接
1).arr.concat('要拼接的字符串'):字符串拼接2).+:字符串拼接
2.根据一个字符串创建另一个字符串
1).arr.slice(截取起始下标,结束下标[可省]):2).arr.substring(截取起始下标,结束下标[可省]):3).arr.substr(截取起始下标,截取个数[可省]):
3.获取字符位置:返回第一个匹配元素的下标
1).arr.indexOf(匹配字符,'搜索的起始位置'):从左向右搜索2).arr.lastIndexOf(匹配字符,'搜索的起始位置'):从右向左搜索
4.删除字符串前后的空格:arr.trim()
5.字符串大小写转换
1).大写转小写:toLowerCase()2).小写转大写:toUpperCase()
6.把字符串类型的js语句转为可执行的js代码:eval('字符串类型的js')
三.Math对象(数学函数)
1.获取一堆数据的最大最小值
1).获取最大值:Math.max(数组)2).获取最大值:Math.min(数组)
2.取整方法:
1).向上取整:Math.ceil(数字)2).向下取整:Math.floor(数字 )3).四舍五入取整:Math.round(数字 )
3.产生随机数
1).产生一个0-1之间的随机数:Math.random()2).产生指定范围内的随机数:parseInt(Math.random()*(max-min)+min)
4.数学计算
1).次方运算:pow(x,y):x的y次方2).开平方运算:sqrt(num)3).绝对值:abs(num)

BOM

四.window对象的系统方法
1.获取主窗口的位置
1).screenLeft/X2).screenTop/Y
2.窗口大小
1).浏览器宽度:window.innerWidth2).浏览器高度:window.innerHeight
3.打开新窗口:window.open(参数1,参数2,参数3)
1).参数1:要打开页面的url字符串2).参数2:在参2指定的窗口或框架内打开该页面.若无,则自动新建.该参数为_self._parent._top._blank3).(拓展):设置打开窗口的样式
4.定时器
1).间隔执行代码a).setInterval(间隔执行的函数,间隔的时间),返回该定时器的IDb).clearInterval(要取消的间隔定时器的ID)2).延时执行代码a).setTimeout(延迟执行的函数,延迟的时间)b).clearTimeout(要取消延迟定时器的ID)
5.系统对话框
1).alert()2).confirm()3).prompt('给用户提示的文字','输入框中的默认文字')
五.location对象
1.location对象的属性
1).location.hash:获取到url中#后的字符串2).host:返回服务器域名和端口号3).hostname:返回不包含端口号的域名4).href:返回完整的url5).toString():同上6).pathname:获取URL的目录名7).port:获取端口号8).protocol:返回协议名9).search:返回get请求参数
2.页面URL设置
1).location.assign('url字符串')打开并保存在历史记录中2).href='url字符串' 同上3).window.location='url字符串'同上4).replace('url字符串')不会被保存历史记录,无法点击后退按钮5).reload()无参时,从从本地缓存中加载;参为true,从服务器重新加载
六.screen对象:屏幕对象 常用属性(一般用于获取移动设备的屏幕尺寸信息)
 1.screen.availHeight:屏高减去系统部件高度2.screen.availWidth:屏宽减去系统部件宽度3.screen.height:屏高4.screen.width:屏宽
七.history对象:保存上网历史记录
 1.history.go(数值)在历史记录中跳转;-1后退一页;1前进一页2.history.back():后退一页3.history.forword():前进一页

DOM

八.节点遍历
 1.childNodes:获取当前节点的所有子节点2.firstChild:获取当前元素节点的第一个子节点3.lastChild:最后一个子节点4.ownerDocument:获取当前节点文档根节点,相当于document5.parentNode:获取当前节点的父节点6.previousSibling:获取当前节点的前一个同级节点7.nextSibling:获取当前节点的后一个同级节点
九.标签节点的操作方法
 1.document.createElement(标签节点):创建一个标签节点2.document.createTextNode(文本节点)3.appendChild(节点):把节点当做另一个节点的子节点,拼接在最后的位置4.insertBefore(插入的新节点,原节点):插入5.replaceChild(新节点,被替换的老节点):替换6.div.removeChild(p):移出当前节点下的指定子节点7.div.remove():移出当前节点
十.节点和节点层次关系
1.节点种类(常用的种类)(nodeType,nodeName,nodeValue)
1).元素节点(1,标签名,undefined或null)2).文本节点(3,#text,文本本身)3).属性节点(2,该标签属性的名字,属性的值)
2.document节点:表示整个文档的节点
常用属性:    1).document.body2).title:获取设置标题
3.网页请求相关属性:
1).URL:获取完整URL2).domain:域名
十一.文档写入:后调用会覆盖
 1.document.write()2.document.writeln()结尾部分有空格
十二.查找元素
 1.getElementById()2.getElementsByTagName()3.getElementsByName()4.获取元素中属性值1).element.getAttributeNode('属性名')2).element.attributes['属性名']3).element.attributes.getNamedItem('属性名')5.设置元素中的属性值1).element.setAttribute('属性名','属性值')
十三.标签元素的属性
 1.tagName:获取元素节点的标签名2.innerHTML:获取设置元素节点里的内容(内容可以包含html标签),只能获取到标签里的内容3.outerHTML:除了内容外,还包括当前选中标签本身4.innerText:只能设置获取文本内容,无法获取子标签5.style.CSS只能获取到行内样式表
十四.鼠标点击事件对象的常用属性
 1.clientX\clientY:获取到的是鼠标点击的位置距离浏览器内部左边框和顶边框的间距；2.offsetX\offsetY:获取到的鼠标点击的位置距离当前点击标签的左边框和顶边框的间距；3.screenX\screenY:获取到的鼠标点击的位置距离屏幕的左边框和顶边框的间距；4.pageX\pageY:获取到的鼠标点击的位置距离整个文档(页面)的左边框和顶边框的间距；
十五.鼠标事件
 1.onclick按下并抬起2.onmousedown按下3.onmouseup抬起4.onmousemove标签内移动5.ondblclick双击6.oncontextmenu右键菜单
十六.键盘事件
 1.onkeydown:按下2.onkeyup:抬起3.keycode:标识码
十七.表单事件
 1.onfocus:获取焦点2.onblur:失去焦点3.onsubmit:提交事件(给表单,非表单元素)1).可以阻止默认时间,通过return false,但仅适用于on2).ev.preventDefault()阻止默认.存在兼容问题
十八.事件冒泡
1.取消时间冒泡
1).eventObj.cancelBubble = true;2).eventObj.stopPropagation();
2.addEventListener(‘click’,function(){},参数3)
1).参数为true,事件捕捉2).参数为false,事件冒泡(默认)
3.事件绑定方法的区别
1).on给同一时间绑定两次事件,后覆盖2).addEventListener()不会覆盖,存在兼容,可用removeEventListener()移出事件

正则

十九.正则表达式方法
 1.test()获取匹配字符,返回布尔值2.exec()获取匹配字符并返回
二十.字符串方法
 1.str.search()返回出现位置,若无,返回-12.str.replace(/被替换的词/，'要替换的词')3.str.match()找到匹配并返回4.修饰词a.ib.g5.小括号a.(abc)b.(abc|bcd)6.中括号a.[12345]b.[0-9]c.[a-z]d.[A-z]e.[0-9A-z]7.元字符a.\wb.\Wc.\dd.\De.\sf.\Sg.\bh.\B8.量词a.^nb.n?c.{x}d.n+e.{x,y}

js 基础词汇及方法整理相关推荐

  1. js基础和部分用法整理

    实现垂直水平居中的方式 定位 + margin position: absolute;/* 父节点要定位 */ top: 0; bottom: 0; left: 0; right: 0; margin ...

  2. a 中调用js的几种方法整理及使用推荐

    我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问 ...

  3. js常用数组字符串方法整理

    tips: 在js中基本涉及到区间的都是包头不包尾,如果是删除操作返回值一般为删除内容,关于查找的方法有一定的区别注意使用情况,另外一些可以配合正则表达式的方法也要留意 Array实例的所有方法 co ...

  4. JS学习--取整方法整理

    一. Math对象取整 Math对象提供静态方法: Math.ceil():向上取整 Math.floor():向下取整 Math.round():四舍五入 Math.ceil(2.4) // 3 M ...

  5. JS基础 Array.concat()方法底层业务逻辑分析

    方法的作用:  方法concat()将创建并返回一个新数组,这个数组是将所有参数都添加到array中生成的.它并不修改array.如果要进行concat()操作的参数是一个数组,那么添加的是数组中的元 ...

  6. js中修改this的指向方法整理

    JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,Ja ...

  7. 零基础快速学习Java技术的方法整理

    在学习java技术这条道路上,有很多都是零基础学员,他们对于java的学习有着很多的不解,不知怎么学习也不知道如何下手,其实Java编程涉及到的知识点还是非常多的,我们需要制定java学习路线图这样才 ...

  8. js DOM Element属性和方法整理

    js DOM Element属性和方法整理 节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...

  9. js中text方法是啥意识_一盏茶的时间，快速捕获JS中常用的方法（细心整理，持续更新ing）...

    不知不觉上班一周辽-趁着大好周末,小编挣扎着从床上爬起来,决定对前端日常编程中常用到的一些方法做一个系统的整合. 有些人或许会觉得忘了百度就完事儿,no no no!这事儿小编真的亲践过好多次,百度一 ...

  10. SVG.js 基础图形绘制整理（二）

    一.折线 var draw = SVG('svg1').size(300, 300); //画折线 //使用字符串点 // var polyline=draw.polyline('0,0 100,50 ...

最新文章

  1. 15篇最新AI论文推荐新鲜出炉！真的很skr了~（附链接）
  2. Android实现ListView异步加载图片
  3. FDATOOL设计数字滤波器
  4. 【机器学习入门到精通系列】推荐系统之协同过滤算法
  5. Linux 查看 80 端口的占用情况
  6. 用java写一个折半查找_用Java写一个折半查找。
  7. dhl:使用return RedirectToAction()和 return view()
  8. LOOPS HDU - 3853（概率dp，期望）
  9. 南京大学c语言试卷,2007年4月南京大学C语言期中试题.doc
  10. C#开发笔记之13-如何用C#分隔字符串并返回字符串数组？
  11. 2019年知乎已发布两款App：短视频“即影”和男生种草“CHAO”
  12. linux系统安全检查
  13. Qt之tcp的简单使用
  14. .Net Core中对FluentEmail.Smtp进行封装使用
  15. oracle 表或视图不存在
  16. linux系统下配置无线网卡的方法,linux系统下配置无线网卡的具体步骤
  17. 飞秋等级授权码_观点 | 谈谈网络安全等级保护与密码法
  18. 六款最佳、免费的网络延迟测试工具
  19. java的graphics2d_Java Graphics2D类的绘图方法
  20. MongoDB数据库设计中6条重要经验法则 Part 2

热门文章

  1. 解决运行uiautomatorviewer时报错-Djava.ext.dirs=/usr/local/android-sdk-
  2. jquery插件--浮动广告
  3. java 计算税收_根据税收征收管理法律制度的规定,整个税收征收管理的起点是( )...
  4. redhat linux 7 apt,redhat enterprise linux apt 使用简介
  5. MASM调试汇编代码（命令行方式）
  6. Python让Excel飞起来—批量制作常用图表
  7. Android 车机系统 One Binary 适配白天黑夜的一个方案
  8. python计算金星凌日
  9. linux设置字符编码gbk,CentOS修改默认字符编码为GBK
  10. Redis桌面管理器下载