js
关注
分享
扫一扫
gleaner_
这个作者很懒，什么都没留下…
展开
-
js基础（一）
JavaScript基础document.write()该代码用于向页面的body标签中写入内容 注： document是“文档”的意思 代表的就是当前打开的html页面注： . 在JS中，表示的是 “的” 的意思 注： write 表示“写入”的意思 总结起来就是：“向当前的文档中写入内容” 变量简介变量是JS中的一个“容器”。用来装载一些数据。特点： 每当有代码使用到这个...原创 2019-08-23 16:49:54 · 159 阅读 · 0 评论 -
js基础（十）{元素操作 节点属性}
HTML属性可以分为标准属性与非标准属性(自定义属性)标准属性 指的是由W3C制定的属性通用属性 所有标签都有的属性 比如 id class style title等特有属性 只有一个或者几个标签有的属性 比如 name type checked 等非标准属性 指的是由程序员自己定义的属性元素的基本操作标准属性可以直接通过元素打点获取 打点修改 (或者使用方括号语法也可以)...原创 2019-09-15 22:43:55 · 233 阅读 · 0 评论 -
js（基础九）{获取元素 BOM DOM 定时器}
BOM(Browser Object Model浏览器对象模型)BOM是JS中的一个组成部分，用于操作浏览器BOM 可以做的事情有很多很多获取浏览器的视口尺寸修改浏览器的地址栏通过BOM可以操作历史记录可以关闭页面可以设置定时器 延时器可以获取浏览器的信息……获取浏览器的尺寸 console.log(window.innerWidth); // 输出浏览器视口宽度 ...原创 2019-09-05 23:14:24 · 309 阅读 · 0 评论 -
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 · 213 阅读 · 0 评论 -
js基础（七）{事件的分类 绑定事件 函数中的this 字符串 函数的传参规则 严格模式}
JS中的常用事件什么叫做事件所谓的事件，是浏览器监听用户行为的一种机制。比如，当用户使用鼠标 “点击” 一个按钮，会触发该按钮的“点击”事件 如果此时我们想要执行代码 就可以通过JS脚本设置“点击”事件同样的，如果用户鼠标双击一个按钮，会触发该按钮的双击事件 类似的事件还有很多事件的分类鼠标事件 click 点击事件 dblclick 双击事件 moused...原创 2019-08-29 20:47:47 · 146 阅读 · 0 评论 -
js基础（六）{数组 数组的方法 使用 length属性 对象的使用}
数组装载一组数据的容器数组的定义方式1 字面量语法： var arr = [];方式2 构造函数语法： var arr = new Array();传参规则： 当没有参数时， 定义的是一个空数组 当参数只有一个并且是数字时，该数字表示数组的长度 当参数有多个时，参数就是每一个成员方式3 构造函数语法： var arr = Ar...原创 2019-08-29 20:47:03 · 1327 阅读 · 0 评论 -
js基础（五）{作用域的特点 方括号语法与点语法的区别}
作用域的特点作用域的机制作用域是针对变量的起作用的范围。而变量又分为“使用变量”和“赋值变量”使用变量又叫做访问变量 出现在表达式中，赋值语句右侧。 访问变量规则： 当访问变量的时候，会先查看当前作用域中是否存在该变量，如果有，就使用。如果没有，就将会向上一层级作用域中寻找。依次向上，直到找到，或者到了全局作用域中还没有找到，就会报错。赋值变量也叫做修改变量 只出现在赋值语...原创 2019-08-29 20:38:14 · 344 阅读 · 0 评论 -
js基础（四）
函数的参数关系当函数定义时，可以定义形参，当函数执行时，可以传递实参。如果函数在执行时，传递的参数与形参不一致，分类如下当形参比实参多： 多余的形参的值为undefinedfunction sum(a, b) { console.log(a); console.log(b); }sum(10); // a是10 b是undefined当形参比实参少： ...原创 2019-08-29 20:36:54 · 109 阅读 · 0 评论 -
js基础（三）
分支结构为了让程序变得更“聪明”。增加了分支结构判定。if 语句语法： if (expression) { code... } else if (expression1) { code... } else if (expression2) { code... } else { code... ...原创 2019-08-29 20:35:28 · 125 阅读 · 0 评论 -
js基础（二）
# 自增运算符 自减运算符 自增运算符: ++ 自减运算符: -- 含义: 让一个变量保存的数 +1 或者 -1 再赋予变量自身 可以出现的位置: 变量的前面和后面 如果出现在前面: ++变量 变量的使用会先+1 再参与运算 如果出现在后面: 变量++ 变量的使用会先使用原值, 再++> var a = 10;...原创 2019-08-26 11:04:43 · 108 阅读 · 0 评论 -
js的函数简单应用
一个很简单的函数问题；有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量。...原创 2019-08-23 08:48:16 · 294 阅读 · 1 评论 -
js基础（十一）{快捷尺寸 ES5 数组方法 事件}
快捷尺寸clientWidth 获取内容宽 + 左右paddingclientHeight 获取内容高 + 上下paddingoffsetWidth 获取内容宽 + 左右padding + 左右border宽度offsetHeight 获取内容高 + 上下padding + 上下border宽度 /* #div元素 width: 100px ...原创 2019-09-15 22:46:33 · 188 阅读 · 1 评论