JavaScript 基础内容
文章平均质量分 88
主要以理论为基础,加入案例练习来学习 JavaScript基础
小余努力搬砖
师承大彬老师
展开
-
原生JavaScript实现本地存储(localStorage)和会话存储(sessionStorage)
本地存储和会话存储的目的,是将所输入的文件存入到浏览器中,在需要的时候,直接调用,但是本地存储和会话存储有着一定的区别,本地存储,在不主动删除的情况下,会一直保留在浏览器中,会话存储是,当前保存的内容,页面刷新还会保留在浏览器中,但是关闭页面在打开时,会发现没有数据了。这是他们两的用处和区别。......原创 2022-08-01 23:45:16 · 2433 阅读 · 59 评论 -
JavaScrip数据类型
目录一、简单数据类型二、Number数字类型数字型进制数字型范围数字的特殊值isNaN三、String字符串类型字符串定义引号嵌套字符串转义符字符串长度字符串拼接总结: Number,String,Boolean,Undefined,Null表示整数的方法有10进制,8进制和16进制。就一般使用的数值而言,16进制是指0-15的数值(0到9,a到f),在JavaScript中,在其前面加"0x",标志其为16进制,8进制是在0-7前面加"0"。- 最大值:Number.MAX_VALUE,这个值为:原创 2022-06-26 17:37:35 · 321 阅读 · 2 评论 -
JavaScript中for、while循环
目录一、for循环:语法结构:总结:for循环嵌套:总结:二、while循环总结:do{}while():总结:三、continue、breakcontinue :break:四、例题for(初始化变量;条件表达式;操作表达式){ //循环体}举例: for (var i = 1; i .....................原创 2022-06-28 19:35:27 · 659 阅读 · 8 评论 -
JavaScript 作用域
目录作用域全局作用域局部作用域变量的作用域全局变量局部变量总结:作用域链例题:总结:预解析预解析的概念变量预解析函数预解析函数表达式声明函数总结:案例:JavaScript(es6前)中的作用域有两种:- 全局作用域- 局部作用域(函数作用域)作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。局部作用域作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。变量的作用域在JavaScript中,根据作用域的不同,变量可以分为两种原创 2022-07-01 19:06:37 · 203 阅读 · 15 评论 -
JavaScript 函数
目录函数函数的调用函数的参数总结:函数的返回值break ,continue ,return作业1:创建一个计算两个数的最大值的函数。2:创建一个函数传递一个数组返回数组中的最大值,最小值。 3:封装一个函数:浏览器接收一个月份判断这个月份的天数。4:制作一个简易的计算器,浏览器接收+,-*/、接收两个数,后计算结果。函数:就是**封装了一段可被重复调用执行的代码块**。通过此代码块可以**实现大量代码的重复使用**。- function 是声明函数的关键字,必须小写- 由于函数一般是为了实现某个功...原创 2022-06-30 17:28:12 · 780 阅读 · 5 评论 -
JavaScript 对象
创建对象使用对象字面量创建对象:就是花括号 { } 里面包含了表达。总结: 里面的属性或者方法我们采取键值对的形式 键 属性名 : 值 属性值- 多个属性或者方法中间用逗号隔开的- 方法冒号后面跟的是一个匿名函数- 属性加引号和不加引号使用是一样的,如果键是以数字开头必须加引号,且不能用”.”来调用需要用[]调用。- 键:相当于属性名- 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型,函数类型等)............原创 2022-07-02 22:37:53 · 213 阅读 · 7 评论 -
JavaScript数组
数组的概念数组是一种特殊的变量,它能够一次存放一个以上的值。在数组中可以存放任意类型的元素。数组的创建通过 new 关键词创建数组数组的获取数组可以通过索引(下标)来访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式来获取数组中的元素,数组的下标是从0开始。数组的遍历把数组中的每个元素都访问一次,可以通过for循环遍历数组。............原创 2022-06-29 19:20:21 · 948 阅读 · 5 评论 -
JavaScript对象中数组对象和字符串对象的常用举例和使用
目录数组对象判断是否为数组- instanceof 运算符Array.isArray()push添加pop删除unshift添加shift删除数组排序数组索引数组连接数组截取数组删除字符串对象indexOflastIndexOf根据位置返回字符字符串连接截取字符串字符串替换字符串分割数据类型总结简单数据类型简单类型传参复杂数据类型复杂类型传参var arr = new Array();- 如果只传入一个参数,则参数规定了数组的长度- 如果传入了多个参数,则参数称为数组的元素- 如果不传参数就是空数组可以判断原创 2022-07-04 16:28:12 · 405 阅读 · 19 评论 -
JavaScript 内置对象
目录Math对象日期对象获取当前日期Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。- Math.PI 圆周率- Math.floor() 向下取整- Math.ceil() 向上取整- Math.round() 四舍五入版 就近取整 注意 -3.5 结果是 -3- Math.abs() 绝对值- Ma原创 2022-07-03 17:30:13 · 327 阅读 · 16 评论 -
JavaScript运算符和流程控制(if、switch、三元表达式)
目录一、运算符1:算数运算符2:递增和递减运算符练习:3:比较运算符举例:4:逻辑运算符- 逻辑与&&- 逻辑或 ||- 逻辑非 !练习:- 短路运算(逻辑中断)练习:5:赋值运算符举例:练习:6:运算符优先级二、流程控制- if语句举例:- switch语句举例:总结:- 三元表达式三、例题1: 用户输入一个数,判断其是奇数,还是偶数。2:输入一个1到99的数字,在数字前面补0,变为3位长度,如001。3:判断学生考试份数,90(包括)分以上为优秀、80(包括)-90分为合格、60(包括)-80分为及格,原创 2022-06-27 19:14:57 · 534 阅读 · 5 评论 -
JAVASCRIPT基础
缺点:- 可读性差, 在html中编写JS大量代码时,不方便阅读;- 引号易错,引号多层嵌套匹配时,非常容易弄混;- 特殊情况下使用;2.内嵌:在老的版本中,,在HTML5中script默认就是js不需要再声明type=”text/javascript”。- 利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用- 引用外部 JS文件的 scr...............原创 2022-06-25 10:48:33 · 339 阅读 · 3 评论