- 博客(19)
- 收藏
- 关注
RSS订阅原创 JavaScript的事件（Event）
事件（Event）事件对象当响应函数被调用时，浏览器每次都会将一个事件对象作为实参传递进响应函数中， 这个事件对象中封装了当前事件的相关信息 比如：鼠标的坐标，键盘的按键，鼠标的按键，滚轮的方向。。可以在响应函数中定义一个形参，来使用事件对象，但是在IE8以下浏览器中事件对象没有做完实参传递，而是作为window对象的属性保存 例子： 元素.事件 = function(event){ event = event || window.event; }; 元素.
2020-11-11 15:39:26
307
原创 JavaScript中DOM对CSS的操作
DOM对CSS的操作读取和修改内联样式 使用style属性来操作元素的内联样式 读取内联样式： 语法：元素.style.样式名 例子： 元素.style.width 元素.style.height 注意：如果样式名中带有-，则需要将样式名修改为驼峰命名法 将-去掉，然后-后的字母改大写 比如：background-color --> backgroundColor border-width ---> borderWidth 修
2020-11-10 15:19:49
151
原创 JavaScript的DOM修改
DOM修改document.createElement() 可以根据标签名创建一个元素节点对象 document.createTextNode() 可以根据文本内容创建一个文本节点对象 父节点.appendChild(子节点) 向父节点中添加指定的子节点 父节点.insertBefore(新节点,旧节点) 将一个新的节点插入到旧节点的前边 父节点.replaceChild(新节点,旧节点) 使用一个新的节点去替换旧节点 父节点.removeChild(子节点) 删除指定的子
2020-11-09 19:12:58
190
原创 JavaScript的DOM查询
DOM查询通过具体的元素节点来查询 元素.getElementsByTagName() 通过标签名查询当前元素的指定后代元素 元素.childNodes 获取当前元素的所有子节点 会获取到空白的文本子节点 元素.children 获取当前元素的所有子元素 元素.firstChild 获取当前元素的第一个子节点 元素.lastChild 获取当前元素的最后一个子节点 元素.parentNode 获取当前元素的父元素 元素.previousS
2020-11-09 18:04:34
100
原创 JavaScript的DOM
DOMDocument Object Model文档对象模型，通过DOM可以来任意来修改网页中各个内容文档 文档指的是网页，一个网页就是一个文档对象 对象指将网页中的每一个节点都转换为对象 转换完对象以后，就可以以一种纯面向对象的形式来操作网页了模型 模型用来表示节点和节点之间的关系，方便操作页面节点（Node） 节点是构成网页的最基本的单元，网页中的每一个部分都可以称为是一个节点 虽然都是节点，但是节点的类型却是不同的 常用的节点 文档节点 （Document），代表整个网
2020-11-09 15:32:08
187
原创 JavaScript的Math
MathMath属于一个工具类，它不需要我们创建对象，它里边封装了属性运算相关的常量和方法 我们可以直接使用它来进行数学运算相关的操作方法： Math.PI 常量，圆周率 Math.abs() 绝对值运算 Math.ceil() 向上取整 Math.floor() 向下取整 Math.round() 四舍五入取整 Math.random() 生成一个0-1之间的随机数 生成一个x-y之间的随机数 Math.round(Math.random()*(y-x
2020-11-08 11:07:57
135
原创 JavaScript的Date
Date日期的对象，在JS中通过Date对象来表示一个时间创建对象 创建一个当前的时间对象 var d = new Date(); 创建一个指定的时间对象 var d = new Date("月/日/年 时:分:秒"); 方法： getDate() 当前日期对象是几日（1-31） getDay() 返回当前日期对象时周几（0-6） 0 周日 1 周一 。。。 getMonth() 返回当前日期对象的月份（0-11） 0 一月 1 二月
2020-11-08 10:39:53
234
1
原创 JavaScript的prototype
原型（prototype）创建一个函数以后，解析器都会默认在函数中添加一个数prototype prototype属性指向的是一个对象，这个对象我们称为原型对象。当函数作为构造函数使用，它所创建的对象中都会有一个隐含的属性执行该原型对象。 这个隐含的属性可以通过对象.__proto__来访问。原型对象就相当于一个公共的区域凡是通过同一个构造函数创建的对象他们通常都可以访问到相同的原型对象。我们可以将对象中共有的属性和方法统一添加到原型对象中，这样我们只需要添加一次，就可以使所有的对象都可以
2020-11-07 20:29:05
137
原创 JavaScript字符串的相关方法
字符串的相关的方法length 获取字符串的长度 charAt() 根据索引获取指定的字符 charCodeAt() 根据索引获取指定的字符编码 String.fromCharCode() 根据字符编码获取字符 indexOf()、lastIndexOf() 从一个字符串中检索指定内容 需要一个字符串作为参数，这个字符串就是要检索的内容， 如果找到该内容，则会返回其第一次出现的索引，如果没有找到则返回-1。 可以指定一个第二个参数，来表示开始查找的位置 indexOf()
2020-11-01 15:59:32
793
原创 JavaScript的包装类
包装类在JS中为我们提供了三个包装类： String() Boolean() Number() 通过这三个包装类可以创建基本数据类型的对象 例子： var num = new Number(2); var str = new String("hello"); var bool = new Boolean(true); 但是在实际应用中千万不要这么干。 //向num中添加一个属性 var num = new Number(3); var num2 = new
2020-11-01 15:31:10
151
原创 JavaScript函数的方法和arguments以及this
函数call()、apply() 这两个方法都是函数对象的方法需要通过函数对象来调用 通过两个方法可以直接调用函数，并且可以通过第一个实参来指定函数中this 不同的是call是直接传递函数的实参而apply需要将实参封装到一个数组中传递 arguments 在调用函数时，浏览器每次都会传递进两个隐含的参数： 1.函数的上下文对象 this 2.封装实参的对象 arguments 在调用函数时，我们所传递的实参都会在arguments中保存 arguments和this类似，都
2020-11-01 10:53:48
195
原创 JavaScript的正则
正则表达式语法：/正则表达式主体/修饰符(可选)在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。RegExp 对象test() 方法是一个正则表达式方法。test() 方法用于检测一个字符串是否匹配某个模式，如果字符
2020-10-24 15:11:24
119
原创 JavaScript的数组Array
数组（Array）数组也是一个对象，是一个用来存储数据的对象 和Object类似，但是它的存储效率比普通对象要高数组中保存的内容我们称为元素 数组使用索引（index）来操作元素索引指由0开始的整数数组的操作： 创建数组 var arr = new Array(); var arr = []; 向数组中添加元素 语法； 数组对象[索引] = 值; arr[0] = 123; arr[1] = "hello"; 创建数组时直接添加元素 语法：
2020-10-24 10:50:57
99
原创 JavaScript函数详情
1.函数返回值，就是函数执行的结果。 使用return 来设置函数的返回值。 语法：return 值; 该值就会成为函数的返回值，可以通过一个变量来接收返回值 return后边的代码都不会执行，一旦执行到return语句时，函数将会立刻退出。 return后可以跟任意类型的值，可以是基本数据类型，也可以是一个对象。 如果return后不跟值，或者是不写return则函数默认返回undefined。 break、continue和return break 退出循环 contin
2020-10-24 09:56:55
67
原创 JavaScript的对象和函数
1.对象（Object）对象是JS中的引用数据类型对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性使用typeof检查一个对象时，会返回object创建对象 方式一： var obj = new Object(); 方式二： var obj = {}; 向对象中添加属性 语法： 对象.属性名 = 属性值; 对象["属性名"] = 属性值; 对象的属性名没有任何要求，不需要遵守标识符的规范， 但是在开发中，尽量按照标识符的要求去写。 属性值
2020-10-19 15:04:10
126
原创 JavaScript的流程控制语句
流程控制语句程序都是自上向下的顺序执行的， 通过流程控制语句可以改变程序执行的顺序，或者反复的执行某一段的程序。分类： 1.条件判断语句 2.条件分支语句 3.循环语句 1.条件判断语句 条件判断语句也称为if语句 语法一： if(条件表达式){ 语句... } 执行流程： if语句执行时，会先对条件表达式进行求值判断， 如果值为true，则执行if后的语句 如果值为false，则不执行 语法二： if(条件表达式){ 语句.
2020-10-12 19:27:06
100
原创 JavaScript的运算符2
运算符逻辑运算符 ! 非运算可以对一个布尔值进行取反，true变false false边true 当对非布尔值使用!时，会先将其转换为布尔值然后再取反 我们可以利用!来将其他的数据类型转换为布尔值 && - &&可以对符号两侧的值进行与运算 - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false。 - 与是一个短路的与，如果第一个值是false，则不再检查第二个值 - 对于非布尔值，它会将其转换为布尔值然
2020-10-12 19:09:30
104
原创 JavaScript的运算符
运算符 运算符也称为操作符 通过运算符可以对一个或多个值进行运算或操作 typeof运算符 用来检查一个变量的数据类型 语法：typeof 变量 它会返回一个用于描述类型的字符串作为结果 算数运算符 + 对两个值进行加法运算并返回结果 - 对两个值进行减法运算并返回结果 * 对两个值进行乘法运算并返回结果 / 对两个值进行除法运算并返回结果 % 对两个值进行取余运算并返回结果 除了加法以外，对非Number类型的值进行运算时，都会先转换为Numbe
2020-10-09 20:30:16
83
原创 JavaScript基本数据类型&数据存储&类型转换
1.数据类型JS中一共分成八种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 Symbol（es6新增，表示独一无二的值） BigInt（es10新增）其中基本数据类型有 **String 字符串** JS中的字符串需要使用引号引起来双引号或单引号都行 在字符串中使用\作为转义字符 使用typeof运算符检查字符串时，会返回"string" **Number 数值
2020-10-09 20:21:35
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人