随笔分类 -  Web APIs

摘要:1、创建元素的三种方式 document.write () element.innerHTML document.createElement () 区别 document.write直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM节点 阅读全文
posted @ 2020-09-21 16:41 星辰ꦿ.大海 阅读(251) 评论(0) 推荐(0)
摘要:1.1. 节点概述 为什么学节点操作 网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeT 阅读全文
posted @ 2020-09-21 15:17 星辰ꦿ.大海 阅读(238) 评论(0) 推荐(0)
摘要:1.1 获取属性值 <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(d 阅读全文
posted @ 2020-09-21 15:04 星辰ꦿ.大海 阅读(259) 评论(0) 推荐(0)
摘要:1.1 排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己 <button>按钮1</button> <button>按钮2</button> 阅读全文
posted @ 2020-09-21 14:56 星辰ꦿ.大海 阅读(488) 评论(0) 推荐(1)
摘要:1.事件基础 1.1. 事件概述 JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。 简单理解: 触发 响应机制。 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件,例如,我们可以在用户点击某按钮时产生一个 事件,然后去执行某些操 阅读全文
posted @ 2020-09-18 19:44 星辰ꦿ.大海 阅读(403) 评论(0) 推荐(0)
摘要:为什么要获取页面元素? 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,再对其进行操作。 1. 根据ID获取 语法:document.getElementById(id)作用:根据ID获取元素对象参数:id值,区分大小写的字符串返回值:元素对象 或 null 案例 阅读全文
posted @ 2020-09-18 19:33 星辰ꦿ.大海 阅读(250) 评论(0) 推荐(0)
摘要:1. 什么是DOM 文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。 DOM是W3C组织制定的一 阅读全文
posted @ 2020-09-18 19:28 星辰ꦿ.大海 阅读(384) 评论(0) 推荐(0)
摘要:1、JS组成 2、 JS基础阶段以及Web APIs阶段 JS基础阶段 我们学习的是 ECMAScript标准规定的基本语法 要求掌握 JS基础语法 只学习基本语法 ,做不了常用的网页交互效果 目的是为了 JS后面的课程打基础、 做铺垫 Web APIs阶段 Web APIs是W3C组织的标准 We 阅读全文
posted @ 2020-09-18 19:21 星辰ꦿ.大海 阅读(150) 评论(0) 推荐(0)