自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 第十三节:认识BOM

一.BOMBrower Object Model: 浏览器对象模型 就是和浏览器相关js操作

2021-09-03 08:09:38 89

原创 第十二节:DOM操作

一.简单的DOM操作1.获取DOM元素1.1通过ID获取document.getElementById("myid"); // id是唯一的 1.2通过类名来获取元素(获取到的是多个元素,会放在一个伪数组里)var eles = document.getElementsByClassName("box")[0]; // 类名可以有多个console.log(eles);eles.style.backgroundColor = "red";// 注意 通过类名获取到的是多个元素 即使是

2021-08-29 20:16:59 171

原创 第十一节:Math对象

一.Math对象Math 对象: 是js内置的一个操作数据的对象,就是做数学运算的一个对象;1.random随机生成0-1直接的数字,包含0,不包含1// 语法 : Math.random();var res = Math.random();console.log(res);// 0-10 之间的随机数var res = parseInt( Math.random()*10);console.log(res);// 10-20之间的数 var res = parseInt( Math.r

2021-08-29 20:01:35 150

原创 第十节:时间对象

一.时间对象在js里会内置一个时间对象 ,用于操作js的时间;Date1.获取当前的时间对象var date = new Date(); //当前的时间的时间对象,注意下 :这个时间是你的电脑时间,一般用的时间会从服务器获取console.log(date);2.设置时间对象的时间// 设置时间方式一:// 参数分别是 年 月(注意:是从0-11月) 日 时 分 秒 // 参数后面可以省略 (可以传一个 二个 三个 ....)var date = new Date("2020"

2021-08-29 19:12:47 243

原创 第九节:数组遍历的方法

一.常见方法1.forEach循环var arr1 = [1,2,3] arr1.forEach(function(item,key,arr){ console.log("循环执行的内容")})//通过回调函数实现forEach循环for(var i=0;i<arr.length;i++){ console.log(i,arr[i]); // 张三、李四 、王五}arr.forEach(function(item,key,arr){ // item :键值 (

2021-08-29 18:54:10 169

原创 第八节:javascr字符串的常见方法

一.字符串的创建1.通过字面量var str = "dfdafd";console.log(str);2.通过构造函数var str = new String("abc");console.log(typeof str);console.log(str);二.字符串的常见方法1.通过"+"拼接var a = 1;var b = "world";var str = a + b;console.log(str);2.charAt:可以根据字符串的索引获取具体的值// 语法 :

2021-08-29 17:42:30 215

原创 第八节:数组以及其常用方法

一、认识数组1.数组的概念:数组(array)是一个有序的数据集合。说白了,数组就是一组数。数据是一组数据的集合,数组里面可以放任意的数据类型二、数组的创建1.通过字面量创建var arr = [16,33,23,12,53];这是定义数组最简单的方法,里面用逗号隔开了很多值,最后一项没有逗号变量arr就是一个数组变量,里面存储的不是一个数字,而是一组数。可以使用下标,或称为索引值index来访问数组中的某一个项,下标从0开始。console.log(arr[0]); //输出16

2021-08-29 17:11:03 158

原创 第七节:简单的认识对象

一、Object 对象1. 什么是对象对象是由一对或者多对属性(包含属性名和属性值)组成的集合,属性名也叫做键名,属性值也叫做键值,所以对象的属性也可以称为键值对;例如// 描述心中的对象var wuwei = { name: "yangli", age: 18, sex: "male", eat: function (){ console.log("I eat shaopin) }二、对象的创建创建一个对象,有两种方法,第一种比较简

2021-08-24 22:56:33 195

原创 第六节: Javascript作用域

一、作用域作用域: 一个变量或者是一个函数的使用范围JS中目前存在两种作用域,一种是全局作用域,第二种是局部作用域1全局作用域所有在script标签里面的代码,都处在全局作用域中全局作用域在页面打开时创建全局对象GO(window对象),页面关闭时销毁GO对象全局作用域中的变量是GO对象的属性名,变量的值是GO对象的属性值2 函数作用域所有在函数里面的代码,都处在函数作用域中函数作用域在函数执行时创建AO对象,在函数结束时销毁AO对象函数作用域中的变量是AO对象的属性名,变量的值是AO对

2021-08-24 22:42:13 70

原创 第五节:JavaScript函数

一、函数的认识js中存在一种封装的盒子, 来对代码进行复用, 这个封装的盒子就是函数,简而言之, 就是讲一些复用的代码封装在一个函数中,通过函数在不同地方的使用来复用封装的代码举例:function test(){ console.log("a"); console.log("b"); console.log("c");}if( 1 > 0 ){ test();}if( 2 > 0 ){ test();}if( 3 > 0 ){

2021-08-24 22:09:11 175

原创 第四节:条件分支语句

一、if分支语句1.1if判断语句var score = 21;if(score >= 60){ console.log("你及格了");}1.2. if …else… 分支语句如果…否则…让程序出现分支,也就是现在有两条路可以走var score = 33;if(score >= 60){ console.log("你及格了");}else{ console.log("你不及格");}1.3. if…else if…else if…els如果

2021-08-19 21:47:30 446

原创 第三节:运算符

运算符运算符(Operators,也翻译为操作符),是发起运算的最简单形式。数学运算符(Arithmetic operators)比较运算符(Comparison operators)逻辑运算符(Logical operators)赋值运算符(Assignment operators)按位运算符 (Bitwise operators)条件 (三元) 运算符(Conditional operator)一、数学运算符加+ 减 - 乘 * 除 / 取余数 % 括号 ()下列结果都为3co

2021-08-17 22:56:22 137

原创 第二节:基本数据类型和数据类型转换

第二节:基本数据类型和数据类型转换一:数据类型JavaScript中的值,无论是字面量还是变量,都有明确的类型。1.1 基本类型5种number 数字类型string 字符串类型boolean 布尔类型,仅有两个值true 和 false,讲if语句时我们细说undefined undefined类型,这中类型值只有一个,就是undefinednull null类型,这种类型的值也就只有一个null...

2021-08-17 21:42:19 178

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除