- 博客(21)
- 收藏
- 关注
原创 DOM增删改
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="btn">添加新节点</button><button id="btn1">在某个节点之前插入新节点</button><.
2020-08-21 22:19:36
131
原创 js基础图片的切换练习编程练习
<body><div id="outer"> <p id="info"></p> <div> <img src="img/IMG_1482.JPG" alt="婚纱照"> </div> <button id="prev">上一张</button> <button id="next">下一张</button><.
2020-08-10 22:38:40
114
原创 js获取节点
获取元素节点:document.getElementsByTagName();//一组节点对象返回一个类数组对象;即使只找到一个,也会封装到数组; document.getElementsByName();//获取一组。常用于表单元素innerHTML:读取元素内容,对于自结束标签没有意义;元素的class属性不能通过.读取通过元素.className读取class属性;获取元素节点的子节点通过具体元素节点调用;childNodes在都DOM标准中包括空白节点。但是在IE8及以.
2020-08-10 22:35:00
412
1
原创 DOM对象
DOM:文档对象模型;文档:指的是一个页面,对象:网页的每一个部分都可以看成一个对象。以纯面向对象的方式操作页面模型:对象很多,不好管理,用来表示对象之间的关系,方便获取对象。树状图。通过js操作网页节点:是构成我们网页的基本组成部分,文档节点:整个html文档元素节点:HTML标签属性节点:元素的属性文本节点:标签中的文本内容节点的属性 :nodeName nodeType nodeValue浏览器为我们提供文档节点,是window属性。可以在页面中直接使用,事件:文档.
2020-08-10 22:33:49
134
原创 正则表达式规则介绍
正则表达式:用于定义一些字符串的规则:正则表达式:使电脑像人一样检查符合条件的字符串用于定义一些字符串的规则正则是一个对象;正则test可以检查一个字符串是否符合规则;严格区分大小写匹配模式:i 忽略大小写 g 全局匹配// var reg=new RegExp("正则表达式","匹配模式") //构造函数创建,更加灵活,可以传变量 var reg=new RegExp('a','i'); console.log(reg); var str=...
2020-08-10 22:30:19
191
原创 js中String对象及其方法介绍
String对象 :字符串以字符数组的形式组成charAt 返回指定位置的字符;str.charCodeAt(5)返回指定位置字符的Unicode编码String.fromCharCode(105)获取指定编码的字符String.fromCharCode(0x2682)获取十六进制编码的字符str.concat('nihaonab bud')拼接,和加号差不多。str.indexOf('i',3)返回第一次第一次出现的索引,没有找到返回-1,3表示从索引为3处开始寻找str.lastIn..
2020-08-04 07:27:13
271
原创 js包装类
包装类:提供了三个包装类,可以将基本数据类型转换为对象String()转换为string对象Number()转换为number对象Boolean()转换为布尔对象开发中不会使用基本数据类型的对象,在做一些比较时,带来一些不可预期的结果true==new Boolean(true)//true将对象自动换转为boolean,对象转换为Boolean都为true当我们对一些基本数据类型调用属性和方法时,浏览器会临时使用包装类将其转换为对象,然后调用对象的属性和方法...
2020-08-03 22:11:40
95
原创 js的Math对象介绍及其方法应用
Math的方法应用:<script> //Math不是构造函数,不用创建对象,里边封装了数学运算相关的属性和方法; console.log(Math.PI); //abs()计算一个数的绝对值 console.log(Math.abs(-3)); // Math.ceil()对一个数进行向上取整,小数位只要有值,就自动进一; // Math.floor()对一个数向下取整,小数部分会被射掉; console.log(Math.floor(...
2020-08-03 22:11:02
164
原创 js 日期Date对象
函数的方法 :call()和apply()函数对象的方法,通过函数对象来调用。可以将一个对象指定为第一个参数,此时这个对象成为函数执行时的thiscall方法可以将实参在对象之后依次传递,apply将实参封装到一个数组中在进行传递。arguments 参数列表调用函数,传入this,和arguments即使不定义形参,也可以通过arguments使用实参arguments.length实参的长度。arguments.callee对应一个函数对象,就是当前正在执行的函数对象Dat..
2020-08-03 22:09:51
87
原创 js数组对象的属性和方法,以及数组的遍历,去重
内建对象;由es标准定义的对象 数组Array:和普通对象类似,数组是使用数字作为索引操作元素。 索引:index。从零开始 的整数; 数组的存储性能比普通对象好, 创建数组对象 var arr=new Array(); //添加元素 数组[0]=10 arr[0]=10; arr[1]=89; // console.log(arr); // 读取不存在的索引,返回...
2020-08-03 22:08:16
322
1
原创 js垃圾回收机制
toString:当我们在页面中打印一个对象时,事实上输出的是对象的tostring()方法的返回值。可以为对象自己添加一个toString垃圾回收:GC程序运行中也会产生垃圾,垃圾积攒过多,会导致程序运行速度过慢,需要一个垃圾回收机制,来处理程序运行中产生的垃圾当一个对象没有任何的变量或者属性指向,将无法操作这个对象,此时该对象就是一个垃圾。如何清理?js中,拥有自动的垃圾回收机制,会自动将垃圾对象从内存中销毁。由浏览器js引擎自动回收。我们需要做的知识把不在使用的对象赋值为null
2020-08-03 22:06:03
65
原创 原型对象与原型链
将函数定义在全局作用域,会污染全局作用域的命名空间,而且定义在全局中也不安全,容易被覆盖原型对象protoype我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype当以构造函数创建的对象中有一个隐含的属性,指向原型对象,这个属性就是__proto__原型对象相当于一个公共的区域,所有一个类的实例都可以访问到这个这个对象访问一个对象的属性或方法,如果有直接使用,没有在原型对象中查找以后创建构造函数时,将对象共有的属性方法添加在构造函数的原型对象中,这样不会影响全局作用域.
2020-08-03 22:04:22
131
原创 js构造函数
构造函数就是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写。两者的区别就是调用方式的不同,普通函数直接调用。构造函数使用new关键字调用。构造函数的执行流程:1.立刻创建一个新的对象。2.将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象。3,逐行执行函数中的代码4,将新的对象作为返回值返回。函数instanceof 可以检查一个对象是否是一个类的实例是,返回true.类就是一个构造函数。所有的对象都是Object的后代,.
2020-08-03 22:02:18
103
原创 使用工厂模式创建对象
对象:使用工厂方法创建对象:function creatPerson(name,age,gender) { var obj=new Object(); obj.name=name; obj.age=age; obj.gender=gender; obj.sayName=function () { console.log(this.name); } return obj;...
2020-08-03 22:01:22
157
原创 js申明提前以及this的指向
申明提前:在函数作用域中也有 声明提前的特性:使用var关键字声明的变量,会在函数中所有代码执行之前被声明。在函数中,没有用var 声明的变量,会设置为全局变量。定义形参相当于在函数作用域中声明了变量。函数声明也会在所有的代码执行之前执行。 this解析器在调用函数每次都会向函数内部传递进一个隐含的参数这个隐含的参数就是this.this 指向的是一个对象,这个对象称为函数执行的上下文对象 以函数形式调用,this是window。以方法的形式调用时,thi...
2020-08-03 21:59:46
161
原创 js全局作用域和局部作用域
作用域:指的是变量作用的范围在js中有两种作用域; 全局作用域:直接写在script标签中的js代码,都在全局作用域; 全局作用域在页面打开时创建,在页面关闭时销毁 在全局作用域中有一个全局对象window,它由浏览器创建,我们可以直接使用。 在全局作用域中创建的变量都会作为window对象的属性保存。 创建的函数都会作为window对象的方法保存 函数作用域:调用...
2020-08-03 21:58:35
538
原创 枚举对象中的属性并获取属性值
对象:函数也可以成为对象的属性,这个属性被叫做对象的方法;函数调用与方法调用只是名称的区别,本质是一样的。枚举对象中的属性:使用 for ...in 语句for (var n in obj){ //对象中有几个属性,就执行几次循环 //每次执行时,会将对象中的属性分别赋值给变量 console.log(n); } //n代表属性名,可以使用obj[n]取出属性值,不能用点,点代表 //属性名为n,但是obj中是没有这个属性的...
2020-08-01 11:01:37
774
原创 js函数基础知识
函数:函数也是一个对象,函数可以封装一些功能,在需要时可以执行这些功能。函数中可以保存一些代码在需要的时候使用。var fun =new Function()typeof fun//function封装到函数中的代码不会立即执行,函数中的代码会在函数调用的时候执行调用时:函数对象() fun() 调用时函数中代码会按顺序依次执行。函数对象具有对象的功能,在开发中很少使用构造函数创建函数。大多使用函数声明来创建一个函数语法 : function 函数名( 参数...){ ...
2020-08-01 11:00:30
142
原创 js对象基础知识
对象:对象是一种复合的数据 的数据类型,在对象中可以保存多个不同数据类型。对象的分类:1:内建对象 在任何的ES的实现中都可以使用。2:宿主对象:由JS的运行环境提供的对象,主要指由浏览器提供的对象。BOM DOM3:自定义对象:由开发人员自己创建的对象创建对象 var obj=new Object(); 使用new关键字调用的函数,是构造函数, 构造函数是专门用来创建对象的函数。 使用typeof检查一个对象时,会返回object添加属性 obj.name="孙悟...
2020-08-01 10:59:21
121
原创 js流程控制语句以及基本的判断质数,输出乘法表编程
代码块一个{}整体,称为一个代码块。代码块的后边不用再写;js中的代码块只具有分组的作用,没有其他的用途。代码块内部的内容,在外部是完全可见的流程控制语句:1:条件判断语句if语句:if(条件表达式) 语句 先对条件表达式进行求值判断,如果表达式的值为true,则执行if后的语句 如果希望可以控制多条语句,放入{}形成一个代码块。不写只能控制一条语句。 但是还是尽量放入{}中,即使只有 一条语句。prompt()函数,弹出一个输入框,可以定义一个变量接收。...
2020-07-31 22:06:30
143
原创 js基础数据类型,运算符学习笔记
js的标准:ECMAScript不同的浏览器厂队js实现方式不同谷歌推出v8引擎,对js实现最快,nodejs也用v8引擎javascript 包括 es,bom,domjs语言特点:1:解释性语言,写完直接执行,不用编译 2:面向对象js编写位置: 在a标签内写href:"javascript;"可以阻止跳转一旦引入了外部文件,内部的代码会忽略掉,js从上到下执行字面量是一些不可改变的值,都是可以直接使用的,但是一般不会直接使用变量可以保存字面量,可以任意改变。变量更加方便我们使用,声明
2020-07-30 12:05:38
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人