JavaScript
2021-03-09 20:00:58 0 举报
AI智能生成
登录查看完整内容
前端javaScript思维导图集锦,平时忘了的,或者想复习直接上手就成!
作者其他创作
大纲/内容
JavaScript
BOM浏览器对象模型
document
history
history.back()
history.forward()
history.length
history.go(n)
刷新页面
location
location.reload
location.assign(\"url\")
location.href
location.hash
location.search
navigator
navigator.userAgent
screen
frames
字符串
String.charAt(index)
String.valueOf()
String.trim()
String.toString()
String.match(regexp)
String.repeat(count)
String.search(searchValue(字符串/正则表达式))
String.tolowerCae()
String.toUpperCase()
String.toLocaleLowerCase()
String.toLocaleUpperCase()
常用
数组Array
span style=\"font-size: inherit;\
arr.pop()
arr.shift()
arr.reverse()
arr.join(可选:separate(分隔符))
arr.toString()
arr.valueOf()
新增数组
JSON
JSON.parse()
JSON.Stringify()
正则表达式
| 表示或
[] 表示或
[^ ] 找除了。。。还是否有其它的东西
量词
字符串和正则相关方法
转义字符
\\w表示任意的字母,数字 _
\\W除了字母,数字 _
\\d 任意数字
\\D 除了数字
\\s 空格
\\S 除了空格,是否还有其他
\\b 单词边界
\\B 除了单词边界
DOM元素的操作
增
创建:createElement(\"标签名\")
创建:createDocumentFragment()
创建:createTextNode(\"文本内容\");
插入最后:dom(元素节点).appendChild(对象/节点);
删
当前元素节点.remove()
父元素.removeChild(要删除的子元素)
改
outerHTM(返回包括标签的内容)
查
选择器
元素节点选择器
document.getElementById(\"id\");
document.getElementsByClassName(\"class\");
document.getElementsByTagName(\"tag\");
document.getElementsByName(\"name\");
querySelector(\"#id/.clas...\")
querySelectorAll(\"css\");
previousElementSibling
nextElementSibling
children
firstElementChild
lastElementChild
parentNode
其他节点选择器
返回值为单个对象
firstChild
lastChild
previousSibling
nextSibling
返回值为伪数组
childNodes
attributes
其他类型操作
样式操作
获取:getComputedStyle(对象,false(伪类).样式名)
获取:元素.style.样式名(只能获取行内元素)
设置:元素.style.样式名=“属性值”;
容器尺寸类操作:
clientWidth(cont+padding)
offsetWidth(cont+padding+border)
scrollHight(cont+padding+可滚动区域)
offseTop/left(相对于包含块的位置)
offsetParent包含块
scrollTop滚动距离,既可获得又可以设置
属性操作
内置属性:可以用使用对象的操作语法来设置
自定义属性:get/set/removeAttribute()
事件
DOM Event
鼠标事件
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
键盘事件
keydown
keypress
keyup
表单事件
submit
blur
change
focus
select
事件属性
鼠标事件对象
e.offsetX/Y
e.clientX/Y
e.pageX/Y
e.button
e.type
e.target/e.srcElement
键盘事件对象
e.keyCode
e.which
e.ctrlKey
e.shiftKey
e.altKey
e.metaKey
获取时间对象
事件冒泡
默认事件
a标签
鼠标右击后出现的
表单的提交
表单的重置
事件的委托(代理)
d
收藏
0 条评论
回复 删除
下一页