- 博客(12)
- 收藏
- 关注
原创 Javascript事件补充
事件绑定addEventListener() //监听器 (不兼容IE8)通过这个方法可以为元素绑定事件响应函数参数:1.事件的字符串,不用加on //click、mouserover等2.回调函数,但事件触发时该函数被调用3.是否在捕获阶段触发事件,需要一个布尔值,一般都为falsebtn.addEventListener('click',function(){ a...
2018-12-06 09:59:55
252
原创 Javascript事件基础和事件冒泡
事件(Event)事件对象当响应函数被调用时,浏览器每次都会将一个事件对象作为实参传递进响应函数中,这个事件对象中封装了当前事件的相关信息,比如:鼠标的坐标,键盘的按键,鼠标的按键,滚轮的方向等。可以在响应函数中定义一个形参,来使用事件对象,但是在IE8以下浏览器中事件对象没有做完实参传递,而是作为window对象的属性保存 ex: 元素.事件 = function(event){ ...
2018-12-01 09:47:23
149
原创 Javascript正则表达式
正则表达式:正则表达式用于定义一些字符串的规则。计算机可以根据正则表达式来检测一个字符串是否符合规则。使用构造函数创建正则表达式 (更加灵活)var reg = new RegExp(‘正则表达式’,‘匹配模式’)匹配模式有两个参数:i 忽略大小写g 全局匹配模式正则表达式的方法:test() 使用这个方法可以用来检测一个字符串是否符合正则表达式的规则。使用字面量创建正则表达式...
2018-11-27 15:54:45
109
原创 Javascript中的call和apply方法
call()和apply()方法:这两个方法都是函数对象的方法,需要通过函数对象来调用。当函数调用call()和apply()时,函数都会执行;当函数调用call()和apply()时,可以将一个对象指定为第一个参数,这个参数将会成为函数执行时的this。function fn(){console.log(this); // window}fn();fn.call();fn...
2018-11-27 09:18:48
243
原创 Javascript 数组
数组也是一个对象,浏览器的内置对象。数组是值的有序集合,每一个值叫做一个元素,每个元素在数组中都有一个位置,用数字来表示,这个数字叫做索引。//创建数组var arr = new Array(); var arr1 = [2,3,45,6]; //两种方法都可以数组元素的读和写使用[]来访问数组中的元素,方括号里面是元素的索引值。读语法:arr...
2018-11-26 10:36:27
116
原创 Javascript的构造函数
函数就是一个普通的函数,创建的方式和普通函数没有区别,不同的是构造函数习惯性首字母大写。//使用构造函数创建对象 function Creat(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function (){ //这样写不利于性能优化,...
2018-11-20 22:29:06
134
原创 Javascript自学笔记(五)
函数也是一个对象,函数中可以封装一些功能代码,在需要的时候可以调用这些功能代码。使用函数声明创建一个函数。function fn(){ console.log('这里是函数!');}fn(); //调用当一个函数需要传的参数过多时,可以把参数封装到一个对象中,然后通过对象传递参数。function sayHei(obj) { document.write('我是'+...
2018-11-20 14:44:37
145
原创 Javascript自学笔记(四)
Object:对象属于复合的数据类型,在对象中可以保存多个不同数据类型的属性。对象是动态的,可以新增属性也可以删除属性。对象的常见用法:创建、设置、查找、删除、检测、枚举对象的分类:1.内置对象:是由ECMAScript规范定义的对象。如:数组、函数、日期和正则表达式。2.宿主对象:是由Javascript解释器所嵌入的宿主环境(如浏览器)来定义的。3.自定义对象:是由开发人员自己创...
2018-11-18 20:28:39
164
原创 Javascript语句综合运用
for循环的嵌套运用: //九九乘法表 for (var i = 1; i < 10; i++) { for (var j = 1; j < i+1; j++) { document.write( '<span style="display: inline-block;width: 80px;height: 30px;">'+j...
2018-11-18 11:00:37
203
原创 Javascript自学笔记(三)
流程控制语句- 程序都是自上向下的顺序执行的, 通过流程控制语句可以改变程序执行的顺序,或者反复的执行某一段的程序。- 分类:1.条件判断语句2.条件分支语句3.循环语句条件判断语句也就是if语句。它可以让程序可以选择执行路径。if语句有三种三种形式:语法一:if(条件表达式){语句…}执行流程:if语句执行时,会先对条件表达式进行求值判断,如果值为true,则执行if...
2018-11-18 10:50:38
2601
原创 Javascript自学笔记(二)
Javascript运算符:-运算符也称为操作符 通过运算符可以对一个或多个值进行运算或操作。算数运算符:’ + ’ 加法 对两个值进行加法运算,返回计算结果’ - ’ 减法 对两个值进行减法运算,返回计算结果’ * ’ 乘法 对两个值进行乘法运算,返回计算结果’ / ’ 除法 对两个值进行除法运算,返回计算结果’ % ’ 取模 对两个值进行取模运算...
2018-11-18 09:58:46
1576
2
原创 Javascript自学笔记(一)
一、js中的数据类型:js中一共分为六种数据类型:1.string -----字符串String 字符串- JS中的字符串需要使用引号引起来,双引号或单引号都可以- ex: var str = 'abc' or var str = "abc"2.number----数值Number 数值- JS中所有的整数和浮点数都是Number类型 (特殊数字:Infinity 正无穷 -In...
2018-11-15 11:33:23
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人