![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webAPI
東三城
寻找光 追随光 成为光 发散光
展开
-
前端与移动开发----webAPI---- 本地存储,移动端事件,文件读取,多媒体操作
本地存储,移动端事件,文件读取,多媒体操作原创 2020-11-30 22:28:44 · 368 阅读 · 0 评论 -
前端与移动开发----webAPI---- offset,client,scroll获取元素位置和大(案例:拖拽, 放大镜,封装动画)
offset,client,scroll获取元素位置和大(案例:拖拽, 放大镜,封装动画)原创 2020-11-28 20:06:32 · 208 阅读 · 0 评论 -
前端与移动开发----webAPI----BOM介绍,定时器
JavaScript BOM介绍 概念 BOM(Browser Object Model)即浏览器对象模型。 本质: 通过对象抽象浏览器中的一些功能 例如:(刷新页面,alert,confirm,pormpt,跳转 ...) BOM顶级对象 window对象是js中的顶级对象,定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。 注意: 1.文档document也属于window对象中的一个 2.window代表整个窗口 页面加载事件 window原创 2020-11-27 21:32:07 · 145 阅读 · 0 评论 -
前端与移动开发----webAPI----节点的层次结构,创建元素,注册事件
JavaScript-DOM 节点的层次结构 hasChildNodes() 【父元素中是否包含子节点】 dom.hasChildNodes() 总结: 1.该方法返回的是一个布尔类型的结果用来判断当前元素中是否存在子节点。 2.该方法会将元素中所有的节点都获取(包括空格,回车符,文字,标签等) 父节点.chiledren【父元素中的子元素】 dom.children 总结: 1.chiledren是一个属性,不是一个方法 2.该属性返回父元素中所有子元素(只包含标签),不包括空格,回原创 2020-11-25 20:41:21 · 190 阅读 · 0 评论 -
前端与移动开发----webAPI----文本框事件,鼠标事件,标签属性操作方式
JavaScript-DOM操作 文本框事件 onfocus 获取焦点 dom.onfocus ---> 获取焦点时候触发事件 onblur 失去焦点 dom.onblur ---> 失去焦点触发事件 鼠标事件 onmouseenter 鼠标进入事件【没有事件冒泡】 dom.onmouseenter = function() {} onmouseleave 鼠标离开事件 dom.onmouseleave = function() {} 备注: onmousee原创 2020-11-24 20:43:22 · 239 阅读 · 0 评论 -
前端与移动开发----webAPI----操作元素样式,操作表单属性
JavaScript-DOM操作 操作元素样式 1.通过选择器的方式设置 语法:标签对象.className = '类名'; 注意: a.给标签设置多个类名需要空格隔开 b.如果标签本身有类名,会被覆盖掉,所以需要重新赋值 2.通过行内样式设置 语法:标签对象.style.属性 = 值; 注意: a.通过 标签对象.style 得到的是对象 案例 动画效果 <!DOCTYPE html> <html lang="en"> <head>原创 2020-11-23 14:35:59 · 159 阅读 · 0 评论 -
前端与移动开发----webAPI----DOM,事件
JavaScript-DOM(BOM)操作 JavaScript组成 ECMASCRIPT (基础语法) DOM(文档对象模型) BOM(浏览器对象模型) DOM+BOM 为啥要学DOM和BOM? 总结:通过js中的DOM和BOM操作实现页面中的一些用户点击效果等 注意:不要盲目的认为JS就是用来做网页特效的。 什么是DOM和BOM? DOM: Document Object Model (文档对象模型) 操作页面元素 BOM: Browser Object Model (浏原创 2020-11-21 21:32:14 · 153 阅读 · 0 评论