09 2020 档案
摘要：第09章 DOM基础 9.1 DOM是什么 DOM，全称Document Object Model(文档对象模型) DOM采用的是"树型结构"，用"树节点"形式来表示页面中的每一个元素。 DOM操作可以理解成就是对元素的操作，就是把这个元素看成一个对象，然后使用这个对象的属性和方法来进行相关操作。
阅读全文
摘要：第08章 数学对象 8.1 数学对象简介 Math.属性 Math.方法 8.2Math对象的属性 PI LN2 LN10 LOG2E LOG10E SORT2 SORT1_2 120*Math.PI/180 //120度，牢记 8.3Math对象的方法 max(a,b,...n) min(a,b,
阅读全文
摘要：第07章 时间对象 7.1 日期对象简介 在javascript中，可以使用日期对象Date来处理时间,Date方法主要分两大类：getXxx()用于获取时间，setXxx()用于设置时间； var 日期对象名 = new Date(); 7.2 操作年、月、日 1、获取年、月、日 getFullY
阅读全文
摘要：第06章 数组对象 6.1 数组是什么 在javascript中，使用数组来存储一组相同数据类型的数据；数组是引用数据类型，一个数组可以包含多个值，而一个基本数据类型只有一个值； 6.2 数组的创建 var 数组名 = new Array(元素1,元素2,...元素n); // 完整形式 var 数
阅读全文
摘要：第05章 字符串对象 5.1 内置对象简介 字符串对象：String 数组对象：Array 日期对象：Date 数值对象：Math 5.2 获取字符串长度 字符串名.length 5.3 大小写转换 字符串名.toLowerCase() 字符串名.toUpperCase() 5.4 获取某一个字符
阅读全文
摘要：第04章 初识函数 4.1 函数是什么？ 函数一般用来实现某一种重复使用的功能，在需要该功能的时候，直接调用函数就可以了，而不需要重复编写一大堆代码。并且在需要修改该函数功能的时候，也只需要修改和维护这一个函数就行，而不会影响其他代码。 4.2 函数的定义 1、没有返回值的函数 function 函
阅读全文
摘要：第03章 流程控制 3.1 流程控制简介 1、顺序结构 在javascript中，顺序结构是最基本的结构，按照从上到下、从左到右的顺序执行。 2、选择结构 在javascript中，选择结构是根据"条件判断"来决定使用哪一种代码。 3、循环结构 在javascript中，循环结构是根据条件来判断是否
阅读全文
摘要：第02章 语法基础 2.1 语法简介 这一章主要学习javascript七个方面的语法： 常量与变量 数据类型 运算符 表达式与语句 类型转换 转义字符 注释 2.2 变量与常量 变量的理解：变量的值在程序运行过程中是可以改变的。 变量命名原则： 1、变量由字母、数字、下划线、$组成，并且第一个字母
阅读全文
摘要：第01章 JavaScript简介 1.1 JavaScript是什么 JavaScript,就是我们常说的JS.这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。 我们都知道，前端最核心的三个技术是HTML、CSS、JavaScript，其中三者区别如下： "HTML控制网页的结构
阅读全文
摘要：第12章 浮动布局与定位布局 浮动布局 文档流简介 文档流：就是指元素在页面中出现的先后顺序； 正常文档流：将一个页面从上到下分为一行一行的，其中块元素独占一行，相邻行内元素在每一行中按照从左到右排列直到该行排满； 脱离文档流：指脱离正常文档流。 <!DOCTYPE html> <html> <he
阅读全文
摘要：第11章 盒子模型 CSS盒子模型 每个元素都看成一个盒子，一个盒子模型是由content(内容)、padding(内边距)、margin(外边距)、border(边框)这四个属性组成。记住，所有的元素都可以视为一个盒子。 1、内容区：是CSS盒子模型的中心，它呈现了盒子的主要信息内容，这些内容可以
阅读全文
摘要：第10章 超链接样式 超链接伪类 a:link{...}定义a元素未访问时的样式 a:visited{...}定义a元素访问后的样式 a:hover{...}定义鼠标经过a元素时的样式 a:active{...}定义鼠标点击激活时的样式 请记住，这四种样式定义顺序不能改变。 深入了解：hover 元
阅读全文
摘要：第09章 背景样式 背景样式简介 在CSS中，定义"背景颜色"使用的是"background-color"属性，而定义背景图片则比较复杂。 背景颜色 background-color:red|green|blue|grey等 背景图片样式 background-image:url(图片路径); 背景
阅读全文
