![](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 · 373 阅读 · 0 评论 -
前端与移动开发----webAPI---- offset,client,scroll获取元素位置和大(案例:拖拽, 放大镜,封装动画)
offset,client,scroll获取元素位置和大(案例:拖拽, 放大镜,封装动画)原创 2020-11-28 20:06:32 · 231 阅读 · 0 评论 -
前端与移动开发----webAPI----BOM介绍,定时器
JavaScriptBOM介绍概念BOM(Browser Object Model)即浏览器对象模型。本质: 通过对象抽象浏览器中的一些功能 例如:(刷新页面,alert,confirm,pormpt,跳转 ...)BOM顶级对象window对象是js中的顶级对象,定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。注意: 1.文档document也属于window对象中的一个 2.window代表整个窗口页面加载事件window原创 2020-11-27 21:32:07 · 146 阅读 · 0 评论 -
前端与移动开发----webAPI----节点的层次结构,创建元素,注册事件
JavaScript-DOM节点的层次结构hasChildNodes() 【父元素中是否包含子节点】dom.hasChildNodes()总结: 1.该方法返回的是一个布尔类型的结果用来判断当前元素中是否存在子节点。 2.该方法会将元素中所有的节点都获取(包括空格,回车符,文字,标签等)父节点.chiledren【父元素中的子元素】dom.children总结: 1.chiledren是一个属性,不是一个方法 2.该属性返回父元素中所有子元素(只包含标签),不包括空格,回原创 2020-11-25 20:41:21 · 201 阅读 · 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 · 245 阅读 · 0 评论 -
前端与移动开发----webAPI----操作元素样式,操作表单属性
JavaScript-DOM操作操作元素样式1.通过选择器的方式设置 语法:标签对象.className = '类名'; 注意: a.给标签设置多个类名需要空格隔开 b.如果标签本身有类名,会被覆盖掉,所以需要重新赋值2.通过行内样式设置 语法:标签对象.style.属性 = 值; 注意: a.通过 标签对象.style 得到的是对象案例动画效果<!DOCTYPE html><html lang="en"><head>原创 2020-11-23 14:35:59 · 181 阅读 · 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 · 159 阅读 · 0 评论