三周学习JS
文章平均质量分 77
很困的00
这个作者很懒,什么都没留下…
展开
-
JS-定时器
一、定时器1.setInterval()定时调用可以将一个函数,每隔一段时间就执行一次参数:(1)回调函数 该函数会每隔一段时间被调用一次(2)每次调用的间隔的时间,单位是毫秒返回值:返回一个Number类型的数据,这个数字用来作为定时器的唯一标识。timer目前,我们每次点击一次按钮,就会开启一个定时器,点击多次就会开启多个定时器,这就导致图片的切换速度过快,并且我们只能关闭最后一次开启的定时器。2.clearInterval()关闭定时器①clearInterval()方法中需要一个定原创 2021-01-30 00:02:32 · 157 阅读 · 0 评论 -
JS学习笔记-BOM
一、BOM 浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作。3. BOM对象:这些对象在浏览器都是作为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。(1)window:代表的是整个浏览器的窗口,同时window也是网页中的全局对象。一般使用userAgent来判断浏览器的信息。userAgent是一个字符串,这个字符串中包含有用来描述浏览器信息的内容,不同的浏览器会有不同的userAgent(2)N原创 2021-01-29 15:02:11 · 118 阅读 · 0 评论 -
JS学习笔记-事件
一、事件对象event事件对象:当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,在事件中封装了当前事件相关的一切信息,比如:鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向。鼠标移动的练习:window.onload=function(){ //当鼠标在areaDiv中移动时,在showMsg中来显示坐标 var areaDiv=document.getElementById("areaDiv"); var showMsg=docu原创 2021-01-29 00:46:37 · 123 阅读 · 0 评论 -
JS学习笔记13-操作内联样式
一、通过JS修改元素的样式语法: 元素.style.样式名=样式值(字符串)。box.style.width="300px";注意:如果css样式名中含有-,这种名称在JS中的不合法的,比如background-color,需要将这种样式名修改为驼峰命名法。box.style.backgroundColor="yellow";通过style属性设置的样式都是内联样式,而内联样式有较高的优先级,所以通过JS修改的样式往往会立即显示,但是如果在样式中写了!important,则此时样式原创 2021-01-28 00:03:19 · 559 阅读 · 1 评论 -
JS学习笔记12-增删改查
一、增加1.创造元素节点document.createElement()(1)document.createElement可以用于创建一个元素节点对象。(2)它需要一个标签名作为参数,将会根据该标签名创建元素节点对象,并将创建好的对象作为返回值返回。var li=document.createElement("li")2.创建文本节点对象document.createTextNode()(1)可以用来创建一个文本节点对象(2)需要一个文本内容作为参数,将会根据该内容创建文本节点,并将新的节点返回原创 2021-01-27 20:20:21 · 119 阅读 · 0 评论 -
JS学习笔记-DOM
一、DOMDOM:Document Object Model 文档对象模型2.浏览器已经为我们提供了文档节点,对象这个是window属性,可以在页面中直接使用,文档节点代表的是整个网页。console.log(document)//[object HTMLDocument]3.获取button对象<button id="btn">按钮</button>var btn=document.getElementById("btn");4.修改按钮的文字//获取原创 2021-01-26 23:40:54 · 138 阅读 · 0 评论 -
JS学习笔记十一-正则表达式
一、正则表达式正则表达式用于表达一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,或则将字符串中符合规则的内容提取出来。1.创建正则表达式的对象语法:var 变量=new RegExp("正则表达式",“匹配模式”);var reg=new RegExp();在构造函数中可以传递一个匹配模式作为第二个参数 可以是:i 忽略大小写 g 全局匹配模式2.检查字符串是否符合正则表达式的规则(1)使用test()方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合原创 2021-01-24 23:46:32 · 298 阅读 · 0 评论 -
JS学习笔记十-Date-Math-包装类
一、Date函数对象在Js中使用date对象来表示一个时间如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。var d=new Date();//封装,这个代码什么时候执行,显示时间就是什么时候console.log(d);创建一个指定的时间对象,需要在构造函数中传递一个表示时间的字符串作为参数。var d2=new Date("01/24/2021 11:30:46");console.log(d2);日期的格式:月份/日/年 时:分:秒二、Date原创 2021-01-24 16:57:17 · 113 阅读 · 1 评论 -
JS学习笔记-数组
一、数组(Array)数组也是一个对象它和普通对象的功能类似,也是用来存储一些值。不同的是普通对象是使用字符串来作为属性名的,而数组是使用数字来作为索引操作元素。索引:从0开始的整数数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。二、创建数组对象使用typeof检查一个数组时,返回objectvar arr=new Array();7. 向数组中添加元素语法:数组[索引] =值var arr=new Array();arr[0]=10;8. 读原创 2021-01-23 20:29:47 · 343 阅读 · 0 评论 -
JavaScript学习笔记八-方法
一、方法函数也可以作为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法,调用函数就是调用这个对象的方法。var obj=new Object(); obj.name="lili"; obj.age=22; obj.sayName=function(){ console.log(obj.name); } obj.sayName();//lili调用了obj对象的sayName方法二、枚举对象中的属性枚举:当不清楚一个对象中有什么方法原创 2021-01-23 14:27:44 · 55 阅读 · 0 评论 -
JavaScript学习笔记九-原型对象
一、原型prototype我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype,每一个函数都有自己独自的prototype,这个属性对应着一个对象,这个对象就是原型对象。如果函数作为普通函数调用prototype没有任何作用。当函数以构造函数的形式调用时,它所创建的对象都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过__proto__来访问该隐藏属性。function MyClass(){}var mc=new MyClass();console.log(原创 2021-01-23 14:15:43 · 103 阅读 · 0 评论 -
JavaScript学习笔记七-函数
一、函数function函数也是一个对象,函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)。函数中可以保存一些代码在需要的时候调用。二、 使用构造函数来创建一个函数对象我们实际开发中很少使用构造函数来创建函数对象var fun=new Function();//构造函数来创建函数对象使用typeof检查一个函数对象时,会返回function。可以将要封装的代码以字符串的形式传递给构造函数。var fun=new Function("console.log('Hel原创 2021-01-18 22:12:58 · 104 阅读 · 0 评论 -
JavaScript学习笔记六-变量-对象
一、变量 ObjectJS中的数据类型:String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义以上这五种属于基本数据类型,以后我们看到的值只要不是以上的五种,就全是对象。基本数据类型都是单一的值“hello” 123 true,值和值之间没有任何联系。在JS中来表示一个人的信息(name,gender,age)var name="lili";var gender="女";var age=22;如果使用基本数据类型我们所创建的变量都原创 2021-01-17 17:57:32 · 115 阅读 · 0 评论 -
JavaScript学习笔记-break和continue和测试性能、垃圾回收
一、breakbreak关键字可以用来退出switch或循环语句,不能在if语句中使用。break关键字,会立即终止离他最近的那个循环语句。可以为循环语句创建一个label,来标识当前的循环。label:循环语句。使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的。break 循环名;二、continuecontinue关键字可以用来跳过当次循环。continue也是默认只会对离它最近的循环起作用。也可以通过标签来终止当次循环b原创 2021-01-17 13:49:12 · 247 阅读 · 1 评论 -
JavaScript学习笔记五-语句例题练习
一、嵌套的for循环通过一个for循环来输出图形这个外层for循环执行几次,图形的高度就是多少,可以用来控制图形的高度。内层循环可以用来决定图形的宽度,执行几次图形的宽度就是多少。 for(var i=1;i<=5;i++){ /* 在循环的内部在创建一个循环,用来控制图形的宽度 目前我们的外部的for循环执行1次,内部的就会执行5次 */ for(var a=1;a<=5;a++){ document.write("原创 2021-01-17 13:48:27 · 65 阅读 · 0 评论 -
JavaScript学习笔记五-流程控制语句
一、代码块我们的程序是由一条一条的语句构成的,语句是按照自上向下的顺序一条一条执行的,在JS中可以使用{}来为语句进行分组。同一个{}中的语句是一体的,它们要么都执行,要么都不执行。 一个{}中的语句我们也称为叫一个代码块。 在代码块的后边不用写分号。JS中的代码块只具有分组的作用,没有其他的作用。代码块内的内容,在外部是完全可见的。二、流程控制语句 if 语句流程控制语句:JS中程序是从上到下一行一行执行的。通过流程控制语句可以控制程序的执行流程使流程可以根据一定的条件来选择执行。语原创 2021-01-16 23:01:54 · 107 阅读 · 0 评论 -
JavaScript学习笔记四 运算符
一、运算符运算符也叫操作符,通过运算可以对一个或多个值进行运算,并获取结果。比如typeof就是运算符,可以来获取一个值的类型。它将该值的类型以字符串的类型返回二、算数运算符当对非Number的值进行运算时,首先会将值转换为数字类型,true是1,false是0。任何数和NaN做运算,得到的值都是NaN。任何值做减、乘、除运算时,都会将值先转换成Number类型。运算后的返回值类型也是Number类型,我们可以运用这一特点进行类型转换,将数值进行-0;*1;/1得到的结果不变,值的类型转换为N原创 2021-01-15 13:08:43 · 220 阅读 · 0 评论 -
JavaScript学习笔记三 :强制类型转换
toString()方法原创 2021-01-09 21:25:49 · 436 阅读 · 1 评论 -
JavaScript学习笔记二 标识符-字符类型
标识符1.标识符:在JS中所有可以由我们自主命名的都可以称为是标识符,例如:变量名、函数名、属性名都属于标识符。2.标识符的命名规则:1.标识符中可以含有字母、数字、_、$.2.标识符不能以数字开头3.表示符不能是ES中的关键字或保留字。4.标识符一般采用驼峰命名法(首字母小写,每个单词首字母大写,其余字母小写,zzzYyyWww)3.JS底层保存标识符时实际上是采用的Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符。中文也可以作为变量名,但是千万不要用。原创 2021-01-09 14:45:05 · 661 阅读 · 1 评论 -
JavaScript学习笔记一
一、认识JavaScript1.JavaScript组成结构ECMAScript是标准,JS是实现,DOM文档对象模型,给我们提供了一组对象,让我们可以去操作网页,BOM是浏览器对象模型,操作浏览器。2.JS特点特点:解释型语言,类似于c和java的语法结构,动态语言,基于原型的面向对象。3.JS代码编写位置JS代码需要编写到head的script标签中**document.write()让计算机在页面中向body中输出一个内容。document:文档console.log()作用是像控原创 2021-01-09 13:47:25 · 94 阅读 · 0 评论