Python100天学习笔记Day25 JS面向对象及DOM
Posted Vax_Loves_1314
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Python100天学习笔记Day25 JS面向对象及DOM相关的知识,希望对你有一定的参考价值。
面向对象
- 对象的概念
- 创建对象的字面量语法
- 访问成员运算符
- 创建对象的构造函数语法
this
关键字
- 添加和删除属性
delete
关键字
- 标准对象
Number
/String
/Boolean
/Symbol
/Array
/Function
Date
/Error
/Math
/RegExp
/Object
/Map
/Set
JSON
/Promise
/Generator
/Reflect
/Proxy
BOM
window
对象的属性和方法history
对象forward()
/back()
/go()
location
对象navigator
对象screen
对象
DOM
- DOM树
- 访问元素
getElementById()
/querySelector()
getElementsByClassName()
/getElementsByTagName()
/querySelectorAll()
parentNode
/previousSibling
/nextSibling
/children
/firstChild
/lastChild
- 操作元素
nodeValue
innerhtml
/textContent
/createElement()
/createTextNode()
/appendChild()
/insertBefore()
/removeChild()
className
/id
/hasAttribute()
/getAttribute()
/setAttribute()
/removeAttribute()
- 事件处理
- 事件类型
- UI事件:
load
/unload
/error
/resize
/scroll
- 键盘事件:
keydown
/keyup
/keypress
- 鼠标事件:
click
/dbclick
/mousedown
/mouseup
/mousemove
/mouseover
/mouseout
- 焦点事件:
focus
/blur
- 表单事件:
input
/change
/submit
/reset
/cut
/copy
/paste
/select
- UI事件:
- 事件绑定
- HTML事件处理程序(不推荐使用,因为要做到标签与代码分离)
- 传统的DOM事件处理程序(只能附加一个回调函数)
- 事件监听器(旧的浏览器中不被支持)
- 事件流:事件捕获 / 事件冒泡
- 事件对象(低版本IE中的window.event)
target
(有些浏览器使用srcElement)type
cancelable
preventDefault()
stopPropagation()
(低版本IE中的cancelBubble)
- 鼠标事件 - 事件发生的位置
- 屏幕位置:
screenX
和screenY
- 页面位置:
pageX
和pageY
- 客户端位置:
clientX
和clientY
- 屏幕位置:
- 键盘事件 - 哪个键被按下了
keyCode
属性(有些浏览器使用which
)String.fromCharCode(event.keyCode)
- HTML5事件
DOMContentLoaded
hashchange
beforeunload
- 事件类型
以上是关于Python100天学习笔记Day25 JS面向对象及DOM的主要内容,如果未能解决你的问题,请参考以下文章