gleaner_-优快云博客

原创 js基础（十一）{快捷尺寸 ES5 数组方法事件}

快捷尺寸 clientWidth 获取内容宽 + 左右padding clientHeight 获取内容高 + 上下padding offsetWidth 获取内容宽 + 左右padding + 左右border宽度 offsetHeight 获取内容高 + 上下padding + 上下border宽度 /* #div元素 width: 100px ...

2019-09-15 22:46:33 223 1

原创 js基础（十）{元素操作节点属性}

HTML属性可以分为标准属性与非标准属性(自定义属性) 标准属性指的是由W3C制定的属性通用属性所有标签都有的属性比如 id class style title等特有属性只有一个或者几个标签有的属性比如 name type checked 等非标准属性指的是由程序员自己定义的属性元素的基本操作标准属性可以直接通过元素打点获取打点修改 (或者使用方括号语法也可以)...

2019-09-15 22:43:55 266

原创 js（基础九）{获取元素 BOM DOM 定时器}

BOM(Browser Object Model浏览器对象模型) BOM是JS中的一个组成部分，用于操作浏览器 BOM 可以做的事情有很多很多获取浏览器的视口尺寸修改浏览器的地址栏通过BOM可以操作历史记录可以关闭页面可以设置定时器延时器可以获取浏览器的信息 …… 获取浏览器的尺寸 console.log(window.innerWidth); // 输出浏览器视口宽度 ...

2019-09-05 23:14:24 335

原创 js基础（八）{Math对象 Date对象初始化日期获取日期部分内容设置日期}

Math对象 JS中有许多的内置对象。其中，Math对象封装了许多常用的数学函数。 Math.random 该方法用于生成一个随机数0~1 包含0 不包含1 // 获取一个从0到9的随机整数数字 var r = Math.random(); var num = parseInt(Math.random() * 10); console.log(num); ...

2019-08-29 20:51:56 287

原创 js基础（七）{事件的分类绑定事件函数中的this 字符串函数的传参规则严格模式}

JS中的常用事件什么叫做事件所谓的事件，是浏览器监听用户行为的一种机制。比如，当用户使用鼠标 “点击” 一个按钮，会触发该按钮的“点击”事件如果此时我们想要执行代码就可以通过JS脚本设置“点击”事件同样的，如果用户鼠标双击一个按钮，会触发该按钮的双击事件类似的事件还有很多事件的分类鼠标事件 click 点击事件 dblclick 双击事件 moused...

2019-08-29 20:47:47 160

原创 js基础（六）{数组数组的方法使用 length属性对象的使用}

数组装载一组数据的容器数组的定义方式1 字面量语法： var arr = []; 方式2 构造函数语法： var arr = new Array(); 传参规则：当没有参数时，定义的是一个空数组当参数只有一个并且是数字时，该数字表示数组的长度当参数有多个时，参数就是每一个成员方式3 构造函数语法： var arr = Ar...

2019-08-29 20:47:03 1401

原创 js基础（五）{作用域的特点方括号语法与点语法的区别}

作用域的特点作用域的机制作用域是针对变量的起作用的范围。而变量又分为“使用变量”和“赋值变量” 使用变量又叫做访问变量出现在表达式中，赋值语句右侧。访问变量规则：当访问变量的时候，会先查看当前作用域中是否存在该变量，如果有，就使用。如果没有，就将会向上一层级作用域中寻找。依次向上，直到找到，或者到了全局作用域中还没有找到，就会报错。赋值变量也叫做修改变量只出现在赋值语...

2019-08-29 20:38:14 371

原创 js基础（四）

函数的参数关系当函数定义时，可以定义形参，当函数执行时，可以传递实参。如果函数在执行时，传递的参数与形参不一致，分类如下当形参比实参多：多余的形参的值为undefined function sum(a, b) { console.log(a); console.log(b); } sum(10); // a是10 b是undefined 当形参比实参少： ...

2019-08-29 20:36:54 125

原创 js基础（三）

分支结构为了让程序变得更“聪明”。增加了分支结构判定。 if 语句语法： if (expression) { code... } else if (expression1) { code... } else if (expression2) { code... } else { code... ...

2019-08-29 20:35:28 136

原创 js基础（二）

# 自增运算符自减运算符自增运算符: ++ 自减运算符: -- 含义: 让一个变量保存的数 +1 或者 -1 再赋予变量自身可以出现的位置: 变量的前面和后面如果出现在前面: ++变量变量的使用会先+1 再参与运算如果出现在后面: 变量++ 变量的使用会先使用原值, 再++ > var a = 10;...

2019-08-26 11:04:43 123

原创 js基础（一）

JavaScript基础 document.write() 该代码用于向页面的body标签中写入内容注： document是“文档”的意思代表的就是当前打开的html页面注： . 在JS中，表示的是 “的” 的意思注： write 表示“写入”的意思总结起来就是：“向当前的文档中写入内容” 变量简介变量是JS中的一个“容器”。用来装载一些数据。特点：每当有代码使用到这个...

2019-08-23 16:49:54 196