JavaScript原生
不论新旧
请叫俺阿糕
这个作者很懒,什么都没留下…
展开
-
JavaScript的正则
正则的创建 字面量创建 var reg = /hello/; 直接实例化 var reg = new RegExp('hello');//需要加单双引号,但是不要加// 正则的修饰符 在创建的时候加入,例: let reg = /hello/g; //匹配全局hello let reg1 = /Hello/i; //匹配时不区分大小写 let obj = new RegExp('js','g'); 标志说明: i:忽略大小写 g:全局匹配 gi:全局匹配原创 2020-11-04 21:02:43 · 135 阅读 · 0 评论 -
JavaScript中的事件委托
事件委托机制 通过冒泡原理、即从节点的最深处逐步向上传播事件。那么我们给最外面的div加点击事件,那么里面的ul,li,a做点击事件的时候,都会冒泡到最外层的div上,所以都会触发,这就是事件委托,委托它们父级代为执行事件. 事件委托的实现 Event对象提供了一个属性叫target,可以返回事件的目标节点,我们成为事件源,也就是说,target就可以表示为当前的事件操作的dom.当前点击的dom。 注意:target是在触发父级事件时返回点击的对象,而传统的方法是直接为点击的对象绑定事件。 用法示例 v原创 2020-11-04 19:59:45 · 85 阅读 · 0 评论 -
JavaScript的Event事件对象
事件对象 当事件发生的时候产生事件对象,事件结束后对象销毁,比如在点击了页面中onclick事件,就会产生一个event对象,可以获取到鼠标,点击的位置和其他的属性等等.原创 2020-11-02 21:05:16 · 116 阅读 · 0 评论 -
JavaScript的BOM和DOM
BOM BOM是英文Browser Object Model的首字母缩写即指"浏览器对象模型"。 它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM 如:获取浏览器信息,操作浏览器. 对象名 描述 window 浏览器窗口对象,主要用于操作浏览器,浏览器中最大的对象,BOM核心对象 location 地址栏对象 - 提供了对地址栏操作的方法和属性 history 浏览历史对象,提供了对浏览器历史记录操作的方法和属性 screen 屏幕对象,获取屏幕的信息 n原创 2020-10-23 23:17:40 · 161 阅读 · 0 评论 -
JavaScript延时器和计时器
延时器 触发之后会进行指定时间的等待后执行 var t = setTimeout(function(){//使用setTimeout()会返回一个唯一的标示,通过clearTimeout(唯一标示)可以清楚延时器 console.log("1秒钟后显示"); },1000); //这里的1000代表的是1000毫秒(等于1秒) 计时器 指定时间间隔不断重复的代码块 var t = setInterval(function(){//和延时器一样会返回一个唯一标识用来终止计时器 console.log(原创 2020-10-21 19:07:09 · 589 阅读 · 0 评论 -
JavaScript中的对象
对象的概念 对象是一个具体的事物 , 其具有特征和行为,而在js中特征化作了属性,行为成为了方法。 数组类型(Array),对象类型(Object)都是对象。 JavaScript中对象的创建 1.字面量形式 //和数组相似,属性和方法之间用逗号隔开,但是将[]替换为{} var obj = { name : '张三', sex: '男' info:'法外狂徒', action_1:function(){ console.log('吃饭'); }原创 2020-10-20 19:03:26 · 84 阅读 · 0 评论 -
JavaScript数组
数组 数组就是一系列有序数据的集合 1、数组中每个值,称之为一个“数组元素”; 2、数组元素可以是任意类型的数据(数字、字符串、对象) 创建数组 1、使用new关键字和Array()来创建一个数组(了解) 构造函数方式 var arr = new Array(元素1,元素2,元素3,.....,元素N); 例:创建一个包含五个元素的数组 var arr1 = new Array('乌蝇哥',32,'man','china','打我呀打我呀'); 2、使用中括号[]来创建数组 字面量形式 var ar原创 2020-10-20 19:02:24 · 301 阅读 · 0 评论 -
JavaScript事件函数
事件函数 作用 主要用于和用户产生指定的交互,提高页面或程序的交互性。 当用户执行的操作触发事件函数的时候,会执行指定的函数。 常见鼠标的事件 名称 作用 onclick 鼠标单击 ondblclick 鼠标双击(必须连续点击两下) onmouseover 鼠标移入,即鼠标停留在图片(元素)等的上方(一次) onmouseout 鼠标移出,即离开(元素)图片等所在的区域(一次) onmousemove 鼠标移动,即鼠标在(元素)图片的上方不断移动(多次) onmouseu原创 2020-10-20 19:01:55 · 178 阅读 · 0 评论 -
JavaScript的函数
函数的概念 函数就是代码块,可以多次调用,有独立的局部作用域, 是被设计为执行特定任务的代码块,也用于实现模块化编程。 优点 1.减少冗余代码(可重复使用) 2.使代码结构明晰(模块化) 函数的定义方式 function fn(){ // 函数体内功能代码 } function---为声明函数的关键字 fn ------是函数的名称,类似于变量的名称 () ------为传入函数的参数,多个参数用逗号隔开 {} ------放置执行的程序块 ...原创 2020-10-19 19:19:30 · 98 阅读 · 0 评论 -
JavaScript数据类型之间的转换
数据转换的作用 拿到数据时或者需要原创 2020-10-19 19:19:00 · 146 阅读 · 0 评论 -
JavaScript的基本结构
逻辑语句的基本结构以及被说烂了,但我这还是啰嗦一下吧。 实际中, 业务逻辑不可能都是简单的从上往下执行, 会出现不同的条件, 就要根据条件不同做出相应的处理 基本结构分为三种:顺序、选择、循环 顺序结构 从上到下执行的代码就是顺序结构 也就是程序默认的执行方式从上到下,一行一行的顺序执行的 console.log("1"); console.log("2"); console.log("3"); 选择结构 选择结构, 也叫分支结构 , 根据不同的情况,执行对应的代码 语法: va原创 2020-10-19 19:18:27 · 675 阅读 · 0 评论 -
JavaScript运算符号
JS中的运算符 算术/赋值/关系/逻辑/字符串 算术运算符: +加法 -减法 *乘法 /除法 %取余 var a = 1, b = 2; a + b = 3 a - b = -1 a * b = 2 a / b = 0.5 a % b = 1 目测,跟数学中的运算符是一样的。但是: var a = "1", b = "2"; a *原创 2020-10-16 17:39:30 · 343 阅读 · 0 评论 -
JavaScript变量
变量声明 语法格式 直接声明变量 // var 来声明变量的 // age : 变量名 // 结构 : var + 变量名 ; var age; 先声明,后赋值 var name; // 声明一个变量 name name = '乘风破浪'; // 一个等号 是赋值,,后面的值赋值给前面的 同时声明+赋值 var name = '峰哥好靓'; var str = "靓的飞起来"; console.log(name,str); 同时声明多个变量并赋值 var age = 1原创 2020-10-16 17:39:05 · 97 阅读 · 0 评论