WEBAPI
文章平均质量分 61
WEBAPI
视黑梦白
这个作者很懒,什么都没留下…
展开
-
WebAPI事件传播机制
如:点击button后从开始捕获window->html->body->div->button,找到目标元素‘button’,然后开始冒泡button->div->body->html->window。示例代码中使用addEventListener给元素注册点击事件,addEventListener的第三个参数为true表示为捕获阶段,即捕获阶段触发回调点击事件。比如有个需求,点击div打印‘1’,点击button打印‘2’,如果不阻止事件冒泡的话,点击button就会先打印2,在打印1.原创 2024-05-27 15:04:10 · 1016 阅读 · 0 评论 -
WebAPI-DOM事件
事件发生后,会自动调用事件处理函数,并向函数传递一个参数,该参数为事件对象,里面包含了事件发生的相关信息,比如鼠标位置,键盘按键等等。DOM事件:某个DOM发生了某件事后,需要做的某些处理。①‘button(dom)’ 被 ②‘鼠标左键点击’之后,③‘登录微信’*另外,在事件处理函数中,this指针始终指向注册事件的dom。①‘谁’发生了②‘什么事’之后,③‘做了写什么’*缺点:某些事件不支持这种方式注册。*优点:易于监听,覆盖,移除。鼠标事件,键盘事件等等。1.dom.on+事件。原创 2024-05-26 19:12:50 · 435 阅读 · 0 评论 -
WebAPI-DOM基础
计算样式:元素最终计算出来的样式,只读(最终样式-设置的内联样式不一定就是最终显示的效果,《css属性计算过程》)getComputedStyle(dom):获取该元素的计算样式,无法被重新赋值。*布尔属性会被自动转成Boolean,比如:下拉列表的checked属性。一个页面对应一个dom树,window.document:dom树的根。*标准属性始终都是存在的,不管你是否有在元素中设置该属性。*内联样式:元素的style属性中属性的样式,可以读写.*当给样式的赋值不合法时,赋值语句无效,不会报错。原创 2024-05-26 18:25:36 · 1297 阅读 · 0 评论 -
WebAPI-BOM
BOM:Browser Object Model, 浏览器模型, 提供和浏览器相关的操作(提供了一系列的多项和函数)window.location 提供浏览器地址栏的相关操作。window.history 页面历史记录操作。window 全局对象。原创 2024-05-26 15:04:56 · 168 阅读 · 0 评论