![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础语法
文章平均质量分 56
麻瓜呀
前端小小白
展开
-
js-includes()方法
includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false。在查找数组对象的时候, 要通过JSON.stringify()方法相对要查找的数组进行转换。includes()方法很强大,字符串,数组,对象均可使用,返回一个布尔值,“一” ‘[{“a”:1}]’原创 2022-09-07 13:59:16 · 3327 阅读 · 0 评论 -
elementui- Select 选择器-案例: 在v-for循环的多个下拉列表选择后需要传递对应的名字和id
场景 多个下拉框由v-for循环得到, 下拉框选项也是通过循环得到。用了find的方法进行绑定对应的名字。原创 2022-09-05 20:05:23 · 2375 阅读 · 1 评论 -
js-webapi-消息提示功能案例(鼠标移入移除事件)
消息提示功能需求思路:1.弹出,2秒自动消失2.如果鼠标进入,不消失3.如果鼠标移开,32秒之后消失<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="w原创 2022-05-01 17:11:32 · 449 阅读 · 0 评论 -
JS-webapi-通过 userAgent 检测浏览器的版本及平台
// 检测 userAgent(浏览器信息) !(function () { const userAgent = navigator.userAgent; // 验证是否为Android或iPhone const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/);原创 2022-05-01 15:37:32 · 460 阅读 · 1 评论 -
js-回调函数(定时器)应用案例[练习]
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2022-04-29 22:50:12 · 464 阅读 · 0 评论 -
html的input标签有哪些属性?[面试题]
html的input标签有哪些属性?name:该属性用于指定用来保存用户输入文本的变量和名称。定义name属性后WML将根据该属性也即变量名,为即将输入的文本实体对象与之存储空间,以便接收用户输入title:该属性用于input元素的标签,通常是位于输入框前的提示信息value:该属性用于指定name属性所定义变量的值,它将显示在输入框中default:该属性用于指定name的属性所定义变量的默认值size:该属性规定输入字段的尺寸(以字符计)maxlength:该属性规定输入字段允许的最大长原创 2022-04-28 21:56:30 · 728 阅读 · 0 评论 -
JavaScript-流程控制语句(笔记)
流程控制语句条件语句if语句if语句是条件语句, 也称为选择语句. 它通常结合else一起使用, 表示如果…就…否则…if (测试条件) { // 语句块1 // 当测试条件为真, 则执行这里} else { // 语句块2 // 当测试条件为假, 则执行这里}案例1: 输入一个数字, 如果这个数是偶数, 则弹出对话框显示’偶数’, 否则弹出对话框显示’‘奇数’’let a = Number(prompt('请输入一个数字'));if (a %原创 2022-04-11 21:38:12 · 1006 阅读 · 0 评论 -
JavaScript表达式和运算符(笔记)
表达式和运算符JS的基本表达式1算术表达式2关系表达式3逻辑表达式4赋值表达式5综合表达式算数表达式意义运算符加+减-乘*除/取余%<script> console.log(1 + 2 * 3) // 7 console.log((1 + 2) * 3) // 9 console.log(1 + 2 / 4)原创 2022-04-08 23:56:18 · 1078 阅读 · 0 评论 -
JavaScript数据类型转换(笔记)
数据类型转换使用Number()函数<script> console.log(Number('123')) //123 console.log(Number('123.4')) //123.4 console.log(Number('123年')) //NaN console.log(Number('2e3')) //2000 console.log(Number('')) //0 console.原创 2022-04-07 19:37:30 · 988 阅读 · 0 评论 -
JavaScript - 语句
一. 表达式和语句表达式:表达式是一组代码的集合,JavaScript解释器会将其计算出一个结果语句:js 整句或命令,js 语句是以分号结束(可以省略)比如: if语句 for 循环语句区别:表达式计算出一个值,但语句用来自行以使某件事发生(做什么事)表达式 3 + 4语句 alert() 弹出对话框其实某些情况,也可以把表达式理解为语句,因为它是在计算结果,也是做事二. 分支语句根据条件选择执行代码,这种就叫分支结构分支语句可以让我们有选择性的执行想要的代码分支语原创 2022-03-16 10:42:38 · 243 阅读 · 0 评论 -
JavaScript - 运算符
一. 算术运算符数学运算符也叫算术运算符,主要包在这里插入图片描述括加、减、乘、除、取余(求模)。+:求和-:求差*:求积/:求商%:取模(取余数)开发中经常作为某个数字是否被整除算术运算符执行的优先级顺序同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行。乘、除、取余优先级相同加、减优先级相同乘、除、取余优先级大于加、减使用 () 可以提升优先级总结: 先乘除取余后加减,原创 2022-03-16 01:24:04 · 1261 阅读 · 0 评论 -
JavaScript-类型转换
类型转换一. 为什么需要类型转换JavaScript是弱数据类型: JavaScript也不知道变量到底属于那种数据类型,只有赋值了才清楚。坑: 使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算。console.log('10000'+'2000') //输出结果100002000此时需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成我们需要的数据类型。二.隐式转换某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐原创 2022-03-15 23:49:47 · 65 阅读 · 0 评论 -
JavaScript数据类型-基本数据类型
数据类型计算机世界中的万事万物都是数据。计算机程序可以处理大量的数据,为什么要给数据分类?1.更加充分和高效的利用内存2.也更加方便程序员的使用数据JS 数据类型整体分为两大类:基本数据类型number 数字型string 字符串型boolean 布尔型undefined 未定义型null 空类型引用数据类型object 对象function 函数array 数组一. 数字类型JavaScript 中的正数、负数、小数等 统一称为 数字类型注: JS原创 2022-03-15 23:33:16 · 2652 阅读 · 0 评论 -
JavaScript-变量
一. 变量是什么用户输入的数据我们如何存储起来?答案:变量变量:白话:变量就是一个装东西的盒子。通俗:变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆。注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。二. 变量的使用1.声明变量:要想使用变量,首先需要创建变量(专业说法: 声明变量)语法:let 变量名声明变量有两部分构成:声明关键字、变量名(标识)let 即关键字 (let: 允许、许可、让、要原创 2022-03-15 23:06:01 · 1449 阅读 · 0 评论 -
JavaScript介绍
一. JavaScript是什么?JavaScript 是一种运行在客户端(浏览器)的编程语言二. 浏览器中的JavaScript组成是什么?ECMAScript( 基础语法 )、web APIs (DOM、BOM)三. JavaScript 书写位置内联 JavaScript内部 JavaScript外部 JavaScript内部 JavaScript直接写在html文件里,用script标签包住规范:script标签写在上面拓展: alert(‘你好,js’) 页原创 2022-03-15 22:43:58 · 1565 阅读 · 0 评论 -
JS 简单与复杂类型传参
1.简单类型传参 函数的形参也可以看做是一个变量,当把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量。 function fn(a) { a++; console.log(a); } var x = 10; fn(x); console.log(x); 运行结果如下:2. 复杂数据类型传参 函数的形参也可以看做是一个变量,当我们把引用类型变量传给形参时,其实是把原创 2020-09-09 18:47:17 · 415 阅读 · 0 评论 -
js 简单类型与复杂类型
js 简单类型与复杂类型1. 简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型string ,number,boolean,undefined,null引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等2. 简单类型的内存分配值类型(简单数据类型): string ,nu原创 2020-08-19 18:57:10 · 181 阅读 · 0 评论 -
js 对象
js对象在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)一. 在 JavaScript 中,现阶段我们可以采用三种方式创建对象(object):1.利用字面量创建对象2.利用 new Object 创建对象3.利用构造函数创建对象1.1 利用字面量创建对象对象字面量:就是花括号 { } 里原创 2020-08-18 19:30:52 · 70 阅读 · 0 评论 -
js 作用域
js 作用域通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。1. JavaScript中的作用域有两种:1.1 全局作用域:作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.2 局部作用域(函数作用域):作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。2变量作用域的分类在JavaScrip原创 2020-08-17 19:17:52 · 228 阅读 · 0 评论 -
js Math对象
js Math内置对象Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入版 就近取整 注意 -3.5 结果是 -3 Math.abs() // 绝对值Math.max()/Math.min() // 求最大和最小值上面的方法必须带括号随机数方法 random(原创 2020-08-16 21:13:23 · 187 阅读 · 0 评论 -
js 函数的两种声明方式
js 函数的两种声明方式1. 自定义函数方式(命名函数)利用函数关键字 function 自定义函数方式。// 声明定义方式function fn() {...}// 调用fn(); 因为有名字,所以也被称为命名函数调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面2. 函数表达式方式(匿名函数)利用函数表达式方式的写法如下:// 这是函数表达式写法,匿名函数后面跟分号结束var fn = function(){...};// 调用的方式,函数调用必须写到函数体下原创 2020-08-15 23:04:44 · 3177 阅读 · 0 评论 -
js 函数
js 函数函数使用分为两步:声明函数和调用函数1.声明函数// 声明函数function 函数名() {//函数体代码} function 是声明函数的关键字,必须小写2. 调用函数// 调用函数函数名(); // 通过调用函数名来执行函数体代码函数的参数形参和实参在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参函数的返回值函数将值返回给调用者,此时通过使用 return 语句就可以实原创 2020-08-14 19:37:51 · 268 阅读 · 0 评论 -
js 数组 Array
js 数组 Array*数组(Array) :就是一组数据的集合,是一种将一组数据存储存储在单个变量下的优雅方式 *## 创建数组方法:利用new创建数组var arr = new Array();利用数组字面量创建数组var arr =[];##数组中可以存放任意类型的数据。var arr = [1 , '我 ', true];数组可以通过访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式获取数组中的元素。例:var arrStus =['1','2','3'];原创 2020-08-13 19:48:49 · 246 阅读 · 0 评论 -
js for循环语句
js for循环语句for循环主要用于把某些代码循环若干次,通常跟计数有关。for循环语法结构 for (初始化变量;条件表达式;操作表达式) { //循环体}注:条件表达式,就是终止条件。for循环案例 var num = prompt('请输入星星的个数'); var str = ''; for (var i = 1; i <= num; i++) { str = str + '★' } console.原创 2020-08-12 23:44:51 · 935 阅读 · 0 评论 -
js switch分支语句与注意事项break
js switch分支语句与注意事项breakswitch分支语句可以实现多选一。代码结构:switch,转换、开关case,小例子或选项的意思执行思路:用表达式的只和case后面的选项值相匹配,如果匹配上就执行,如果没有匹配上,就执行default里的语句。swich代码格式:switch() {case value1:执行语句1;break;case value1:执行语句2;break;…defalult:执行语句y;;}switch的注意事项如果当前case原创 2020-08-11 20:14:38 · 1006 阅读 · 0 评论