xiaoxustudy - 博客园

2020年5月2日

摘要： Q：为什么要利用 JavaScript 创建图片库？ A：① 如果所有图片放在同一个页面，会使页面变得庞大，用户下载页面时需要等待较长时间。 ② 如果为每张图片创建一个页面，制作时需要花费许多时间。 ③ 如果利用 JS 创建图片库，相比之下页面比较不庞大，制作时花费的时间也较短。第一步：为图片创建阅读全文

posted @ 2020-05-02 10:52 xiaoxustudy 阅读(454) 评论(0) 推荐(0)

2020年5月1日

获取和设置属性

摘要：目录： 1、getAttribute 2、setAttribute 获取到所需元素后，可以利用 getAttribute 获取它的各个属性，利用 setAttribute 更改属性节点的值。（获取元素相关笔记：https://www.cnblogs.com/xiaoxuStudy/p/128148 阅读全文

posted @ 2020-05-01 22:13 xiaoxustudy 阅读(195) 评论(0) 推荐(0)

节点

摘要：目录： 1、元素节点 2、文本节点 3、属性节点 4、获取元素以下面的代码与节点树为例来理解节点： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>ToDo list</title> 6 阅读全文

posted @ 2020-05-01 21:26 xiaoxustudy 阅读(449) 评论(0) 推荐(0)

class 属性、div 属性

摘要：可以通过 CSS（层叠样式表）告诉浏览器应该如何显示一份文档的内容。使用样式的两种方式：① 嵌在文档的 <head> 部分（<style> 标签之间） ② 放在另一个样式表文件里 CSS 可继承。比如说为 body 元素定义了一些样式，包含在 body 元素里的所有元素都将自动获得那些样式。比如阅读全文

posted @ 2020-05-01 18:53 xiaoxustudy 阅读(2015) 评论(0) 推荐(0)

认识 DOM

摘要： WebAPIs 包含 BOM 跟 DOM。 DOM 是一套操作页面元素的 API。DOM可以把 HTML 看作是文档树。通过 DOM 提供的 API 可以对树上的节点进行操作。 DOM 中的 "D" 是 document (文档)。 DOM 中的 "O" 是 Object (对象)。 DOM 中的阅读全文

posted @ 2020-05-01 11:44 xiaoxustudy 阅读(235) 评论(0) 推荐(0)

配置 jQuery、初识 jQuery

摘要：下载配置 jQuery 1. 到官网 http://jquery.com 下载 jquery 下载的时候有压缩版本跟未压缩版本可选。未压缩版本易于阅读，通常在开发中使用。未压缩版本不易阅读但体积较小，通常在项目上线时使用。 2. 将 jquery-3.5.0.min.js 放到项目的指定文件夹中，一阅读全文

posted @ 2020-05-01 10:05 xiaoxustudy 阅读(333) 评论(0) 推荐(0)

JavaScript 【在HTML中使用 JavaScript】

摘要：使用 <script> 元素的方式有 2 种方式： 1. 直接在页面嵌入 JavaScript 代码 2. 包含外部 JavaScript 文件直接在页面嵌入 JavaScript 代码指定 type 属性（一般为 text/javascript ，将 JavaScript 代码直接放在元素阅读全文

posted @ 2020-05-01 10:01 xiaoxustudy 阅读(187) 评论(0) 推荐(0)

2020年4月30日

我的第一个 jQuery 脚本

摘要： 1. 新建一个项目，目录结构如下： 2. 实现一个提示对话框。 test.html 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/java 阅读全文

posted @ 2020-04-30 22:35 xiaoxustudy 阅读(195) 评论(0) 推荐(0)

2020年4月27日

JavaScript 【函数属性】

摘要：静态属性控制台输出：访问 prop ：控制台输出：实例属性控制台输出：访问 prop ：控制台输出：原型属性控制台输出：访问 prop ：控制台输出：先查找实例属性，再查找原型属性阅读全文

posted @ 2020-04-27 21:26 xiaoxustudy 阅读(155) 评论(0) 推荐(0)

2020年4月25日

【Class 继承】super 关键字

摘要：学习阮一峰的《ES6 入门》（ https://es6.ruanyifeng.com/#docs/class-extends#super-关键字） super 这个关键字，既可以当作函数使用，也可以当作对象使用。（ new.target指向当前正在执行的函数）阅读全文

posted @ 2020-04-25 10:02 xiaoxustudy 阅读(179) 评论(0) 推荐(0)