摘要:
Q:为什么要利用 JavaScript 创建图片库? A:① 如果所有图片放在同一个页面,会使页面变得庞大,用户下载页面时需要等待较长时间。 ② 如果为每张图片创建一个页面,制作时需要花费许多时间。 ③ 如果利用 JS 创建图片库,相比之下页面比较不庞大,制作时花费的时间也较短。 第一步:为图片创建 阅读全文
摘要:
目录: 1、getAttribute 2、setAttribute 获取到所需元素后,可以利用 getAttribute 获取它的各个属性,利用 setAttribute 更改属性节点的值。 (获取元素相关笔记:https://www.cnblogs.com/xiaoxuStudy/p/128148 阅读全文
摘要:
目录: 1、元素节点 2、文本节点 3、属性节点 4、获取元素 以下面的代码与节点树为例来理解节点: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>ToDo list</title> 6 阅读全文
摘要:
可以通过 CSS(层叠样式表)告诉浏览器应该如何显示一份文档的内容。 使用样式的两种方式:① 嵌在文档的 <head> 部分(<style> 标签之间) ② 放在另一个样式表文件里 CSS 可继承。比如说为 body 元素定义了一些样式,包含在 body 元素里的所有元素都将自动获得那些样式。 比如 阅读全文
摘要:
WebAPIs 包含 BOM 跟 DOM。 DOM 是一套操作页面元素的 API。DOM可以把 HTML 看作是文档树。通过 DOM 提供的 API 可以对树上的节点进行操作。 DOM 中的 "D" 是 document (文档)。 DOM 中的 "O" 是 Object (对象)。 DOM 中的 阅读全文
摘要:
下载配置 jQuery 1. 到官网 http://jquery.com 下载 jquery 下载的时候有压缩版本跟未压缩版本可选。未压缩版本易于阅读,通常在开发中使用。未压缩版本不易阅读但体积较小,通常在项目上线时使用。 2. 将 jquery-3.5.0.min.js 放到项目的指定文件夹中,一 阅读全文
摘要:
使用 <script> 元素的方式 有 2 种方式: 1. 直接在页面嵌入 JavaScript 代码 2. 包含外部 JavaScript 文件 直接在页面嵌入 JavaScript 代码 指定 type 属性( 一般为 text/javascript ,将 JavaScript 代码直接放在元素 阅读全文
摘要:
1. 新建一个项目,目录结构如下: 2. 实现一个提示对话框。 test.html 代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/java 阅读全文
摘要:
静态属性 控制台输出: 访问 prop : 控制台输出: 实例属性 控制台输出: 访问 prop : 控制台输出: 原型属性 控制台输出: 访问 prop : 控制台输出: 先查找实例属性,再查找原型属性 阅读全文
摘要:
学习阮一峰的《ES6 入门》( https://es6.ruanyifeng.com/#docs/class-extends#super-关键字 ) super 这个关键字,既可以当作函数使用,也可以当作对象使用。 ( new.target指向当前正在执行的函数 ) 阅读全文