js知识点
文章平均质量分 53
你的晚晚
这个作者很懒,什么都没留下…
展开
-
数组
创建数组var myarray=new Array();创建数组的同时,还可以为数组指定长度,长度可任意指定。var myarray= new Array(8); //创建数组,存储8个数据。 注意:创建的新数组是空数组,没有值,如输出,则显示undefined。虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。...原创 2018-09-26 10:13:44 · 259 阅读 · 0 评论 -
工具类Math对象
Math()对象Math和其他的对象不同,它不是一个构造函数。它属于一个工具类,不用创建对象,它里边封装了数学运算相关的属性和方法。Math.PI 表示圆周率Math()对象的方法Math.abs()可以用来计算一个数的绝对值console.log(Math.abs(-1);) //1Math.ceil()可以对一个数进行向上取整,小数位只要有值就自动进1console.l...原创 2019-06-30 19:33:33 · 151 阅读 · 0 评论 -
包装类
包装类在js中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型的数据转换为对象。String()可以将基本类型的字符串转换为String对象Number()可以将基本类型的数字转换为Number对象Boolean()可以将基本类型的布尔值转换为Boolean对象但是注意:我们在实际应用中不会使用基本数据类型的对象,因为它在做一些比较时可能会带来一些不可预期的结果。方法...原创 2019-06-30 21:09:24 · 63 阅读 · 0 评论 -
字符串的方法
在底层字符串是以字符数组的形式保存的length属性可以用来获取字符串的长度charAt()可以返回字符串中指定位置的字符,根据索引获取指定的字符。var str = "Hello World!"var result = str.charAt(2);console.log(result);//lconsole.log(str[2]);//lcharCodeAt()可以返回字符...原创 2019-06-30 22:32:52 · 79 阅读 · 0 评论 -
正则表达式
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,或者将字符串中符合规则的内容提取出来。创建正则表达式对象(构造函数)语法var 变量 = new RegExp("正则表达式","匹配模式");使用typeof检查正则表达式对象,会返回object在构造函数中可以传递一个匹配模式作为第二个参数,可以是i 忽略大小写,g 全局匹配模式使用字...原创 2019-07-01 16:33:19 · 76 阅读 · 0 评论 -
DOM操作样式
DOM对CSS的操作读取内联样式:语法:元素.style.样式名 元素.style.width 元素.style.height注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法,将-去掉,然后-后的字母改大写 background-color --> backgroundColor border-width ---> borderWidth通过sty...原创 2019-07-06 11:24:19 · 752 阅读 · 0 评论 -
事件对象
事件对象当响应函数被调用时,浏览器每次都会将一个事件对象作为实参传递进响应函数中,==这个事件对象中封装了当前事件的相关信息,==比如:鼠标的坐标,键盘的按键,鼠标的按键,滚轮的方向…可以在响应函数中定义一个形参,来使用事件对象,但是在IE8及以下的浏览器中,浏览器不会传递事件对象,而是作为window对象的属性保存 元素.事件 = function(event){ event = ...原创 2019-07-06 22:18:37 · 271 阅读 · 0 评论 -
JS高级-原型和执行上下文栈
typeof 返回数据类型的字符串表达式 (小写 number string…)instanceof 返回的是布尔值赋值运算:将等号右边变量的值赋值给等号左边的变量这个值可能是一般的数据,可能是一个地址数据...原创 2019-08-05 17:43:18 · 108 阅读 · 0 评论 -
js基础-基本语法、数据类型、运算符
数据类型JS中一共分成六种数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中基本数据类型有String 字符串JS中的字符串需要使用引号引起来双引号或单引号都行在字符串中使用\作为转义字符\' ==> '\" ==> "\n ==> 换行\t ==> 制...原创 2019-08-13 15:17:07 · 98 阅读 · 0 评论 -
JS基础-流程控制语句
流程控制语句程序都是自上向下的顺序执行的,通过流程控制语句可以改变程序执行的顺序,或者反复的执行某一段的程序。分类:1.条件判断语句2.条件分支语句3.循环语句条件判断语句条件判断语句也称为if语句语法一:if(条件表达式){ 语句...}执行流程:if语句执行时,会先对条件表达式进行求值判断,如果值为true,则执行if后的语句如果值为false,则...原创 2019-08-13 15:35:23 · 117 阅读 · 0 评论 -
JS基础-对象、函数
对象(Object)对象是JS中的引用数据类型对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性使用typeof检查一个对象时,会返回object创建对象 - 方式一: - var obj = new Object(); - 方式二: - var obj = {};向对象中添加属性 - 语法: 对象.属性名 = 属性值; 对象["属性名"] = 属...原创 2019-08-13 15:50:44 · 89 阅读 · 0 评论 -
JS基础-原型简单介绍
原型(prototype)创建一个函数以后,解析器都会默认在函数中添加一个数prototypeprototype属性指向的是一个对象,这个对象我们称为原型对象。当函数作为构造函数使用,它所创建的对象中都会有一个隐含的属性执行该原型对象。这个隐含的属性可以通过对象.__proto__来访问。原型对象就相当于一个公共的区域,凡是通过同一个构造函数创建的对象他们通常都可以访问到相同的原型对象...原创 2019-08-13 15:53:45 · 248 阅读 · 0 评论 -
js高级-基础深入总结
数据类型的分类和判断基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined — undefined ----- typeof/===null -------- null ---------- ===...原创 2019-08-12 14:59:59 · 98 阅读 · 0 评论 -
js高级-函数高级
原型与原型链所有函数都有一个特别的属性:prototype : 显式原型属性所有实例对象都有一个特别的属性:__proto__ : 隐式原型属性显式原型与隐式原型的关系函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象实例对象的__proto__: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值原型对象即为当前实...原创 2019-08-12 15:01:16 · 730 阅读 · 0 评论 -
js高级-对象高级
对象的创建模式Object构造函数模式var obj = {};obj.name = 'Tom'obj.setName = function(name){this.name=name}对象字面量模式var obj = { name : 'Tom', setName : function(name){this.name = name}}构造函数模式function Pe...原创 2019-08-12 15:02:36 · 197 阅读 · 0 评论 -
js高级-线程机制与事件机制
线程与进程进程:程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程线程:是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的浏览器内核模块组成主线程js引擎模块 : 负责js程序的编译与运行html,css文档解析模块 : 负...原创 2019-08-12 15:03:42 · 119 阅读 · 0 评论 -
Date对象
Date对象在js中使用Date对象来表示一个时间创建Date对象如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。var d = new Date();创建一个指定的时间对象。需要在构造函数中传递一个表示时间的字符串作为参数。日期格式 月份/日/年 时:分:秒var d2 = new Date("6/30/2019 18:34:30");Dat...原创 2019-06-30 18:58:57 · 226 阅读 · 0 评论 -
流程控制语句
1. 多重判断(if…else嵌套语句)语法:if(条件1){ 条件1成立时执行的代码}else if(条件2){ 条件2成立时执行的代码}...else if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}举例:联合国世界卫生组织对年龄的划分标准, 44岁以下为青年;45岁至59·岁为中年人。60岁至89岁为老年人;90岁以上为长...原创 2018-09-26 16:16:27 · 122 阅读 · 0 评论 -
函数
1. 定义函数function 函数名( ){ 函数体;}2. 函数调用函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。3. 举例实现传入两个整数后弹出较大的整数。<script type="text/javascript">function max(a,b)//定义函数{ if(a>b) return a...原创 2018-09-26 17:24:10 · 101 阅读 · 0 评论 -
事件
主要事件表1. 加载事件(onload)事件会在页面加载完成后,立即发生,同时执行被调用的程序。2. 卸载事件(onunload)当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。注意:不同浏览器对onunload事件支持不同。...原创 2018-09-26 18:07:03 · 98 阅读 · 0 评论 -
对象
一、 String字符串对象二、 Date 日期对象1. 定义一个日期对象:var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写。使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。如果要自定义初始值:var d = new Date(2012, 10, 1); //2012年10月1日var d = n...原创 2018-09-26 19:14:55 · 152 阅读 · 0 评论 -
DOM事件
一、 事件流描述的是从页面中接受事件的顺序事件冒泡即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)事件捕获不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件二、 使用事件处理程序HTML事件处理程序DOM0级事件处理程序比较老的浏览器,较传统的方式:把一个函数赋值给一个事件的处理程序属性DOM2级事件...原创 2018-10-23 09:41:00 · 90 阅读 · 0 评论 -
JavaScript深入浅出
一 、 数据类型JavaScript弱类型特性例如:32 + 32 // 64“32” + 32 // “3232”“32” - 32 //0PS:巧用+/-规则转换类型num - 0 将num转换为数值类型num + " 将num转换为字符串类型数据类型numberstringbooleannullundefinedobject对象(Function、...原创 2019-01-07 17:51:25 · 105 阅读 · 0 评论 -
滚轮事件和键盘事件
一、滚轮事件onmousewheel鼠标滚轮滚动的事件,会在滚轮滚动时触发,但火狐不支持该属性。DOMMouseScroll在火狐中需要使用DOMMouseScroll来绑定滚动事件,该事件需要通过addEventListener()函数来绑定。event.wheelDelta可以获取鼠标滚轮滚动的方向,event.wheelDelta > 0 表示向上滚,<0表示向下滚,...原创 2019-07-07 17:03:33 · 891 阅读 · 0 评论 -
BOM浏览器对象模型
BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象以下这些BOM对象在浏览器中都是作为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。WindowWindow代表的是整个浏览器的窗口,同时Window也是网页中的全局对象NavigatorNavigator代...原创 2019-07-07 18:34:30 · 76 阅读 · 0 评论 -
垃圾回收(GC)
程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我们需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法操作该对象,此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢,所以这种垃圾必须进行清理。在JS中拥有自动的垃圾回收机制,会自动将这些垃圾对象从内存中销毁,我们不需要也...原创 2019-06-29 13:52:42 · 103 阅读 · 0 评论 -
DOM查询
节点文档节点元素节点属性节点文本节点节点的属性:nodeName、nodeType、nodeValue文本节点的nodeValue就是文本内容获取元素节点getElementById根据id属性获取一个元素节点对象getElementsByTagName可以根据标签名来获取一组元素节点对象,这个方法会返回一个类数组对象,所有查询到的元素都会封装到对象中getEle...原创 2019-07-05 21:04:38 · 660 阅读 · 0 评论 -
JSON
JSONJS对象表示法(JavaScript Object Notation)JS中的对象只有JS自己认识,其他的语言都不认识JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和JS语法一致JSON分类:对象 {}数...原创 2019-07-10 17:58:04 · 72 阅读 · 0 评论 -
定时器
定时调用如果希望一段程序每隔一段时间执行一次,可以使用定时调用。setInterval()定时调用,可以将一个函数每隔一段时间执行一次,该方法是window对象的方法。参数:回调函数,该函数会每隔一段时间被调用一次每次调用间隔的时间,单位是毫秒返回值:返回一个Number类型的数据,这个数字作为定时器的唯一标识。clearInterval()用来关闭一个定时器,方法中...原创 2019-07-10 17:57:44 · 280 阅读 · 0 评论 -
数组(Array)
数组也是一个对象,它和我们普通对象功能相似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名的,而数组是使用数字作为索引操作元素索引:从0开始的整数就是索引数组的存储性能要比普通对象好,在开发过程中我们经常使用数组来存储一些数据使用typeof检查一个数组时,会返回object使用构造函数创建数组对象var arr = new Array();使用构造函数创建数组时,...原创 2019-06-30 15:53:14 · 295 阅读 · 0 评论 -
call()、apply()和arguments
call()和apply( )这两个方法都是函数对象的方法,需要通过函数对象来调用。当对函数调用call()和apply()都会调用函数执行在调用call()和apply()方法时,可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this。call()方法可以将实参在对象之后依次传递apply()方法需要将实参封 装到一个数组中统一传递function fun(a,...原创 2019-06-30 18:20:23 · 284 阅读 · 0 评论 -
wap-resize.js
!function(a, b) { function c() { var b = f.getBoundingClientRect().width; b / i > 750 && (b = 750 * i); var c = b / 7.5; f.style.font...原创 2019-08-12 15:05:22 · 273 阅读 · 0 评论