自定义博客皮肤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)
  • 收藏
  • 关注

原创 JS 学习第十四天(DOM遍历、节点增删改查)

一.DOM的遍历 1. 父元素查找 children 返回(元素)子节点 console.log(box.children);//HTMLCollection(3) [div.box1, div.box2, ul.list] childNode 返回子节点(包含文本(空)节点) console.log(box.childNodes);//NodeList(7) [text, div.box1, text, div.box2, text, ul.list, text] firstCh

2022-04-26 19:40:15 196

原创 JS学习第十二天(DOM 获取元素)

DOM获取元素 1、通过标签名、类名、id、name (1) 通过id获取元素 是唯一的 var atOP=document.getElementById('top') (2)通过class名获取元素 一个或多个 HTMLCollection 集合 类似于为数组 伪数 var aHeader=document.getElementsByClassName('header') (3)通过标签名获取元素 一个或多个 var aText=document.getElementsByNam

2022-04-25 10:04:18 286

原创 JS 学习第十一天(万年历、变速运动)

万年历 <body> <span></span> </body> <script> var src=document.querySelector('span') function today(){ var date=new Date(); var year=date.getFullYear(); var month=date.getMonth(); var day=date.getDate(); var

2022-04-25 10:02:46 124

原创 JS第十天学习(Number对象、Boolean对象、Math对象、Date对象)

一、Number对象 1.Number对象的创建 (1)字面量 var num1=10; (2)new关键字 var num2=new Number(10); 2.Number对象的精度 JS只有一种数据类型,包含整数和小数(浮点型) 极大的或者极小的数字可以使用科学计数法表示 e:10的次方/次幂 精度: (1)整数:(不适用于小数或科学计数法)最多15位 (2)小数: 最大17位,运算并不保证100%正确 var i=1000000000000000; var j=100000000000000

2022-04-21 21:06:52 103

原创 JS第九天学习(正则表达式属性、方法、修饰符、范围、元字符、量词)

正则表达式 1.正则表达式的定义 正则表达式是由一个字符序列形成的搜索模式,用来匹配。 当在文本中搜索数据时,可以使用搜索模式来描述查询内容。 其可以是一个简单的字符,或者一个更复杂的模式。 2.正则表达式的创建 (1)字面量 var reg1=/abc/g;//g:全局 匹配一个字符串中是否含有abc (2)new关键字 构造函数 var rge2=new RegExp('表达式','修饰符'); var rge2=new RegExp('abc','g');

2022-04-20 22:23:35 139

原创 JS第八天学习(数组去重、字符串)

一、数组去重的三种方法 1.删除原数组中相同项 //遍历数组 拿到所有元素 for(var i=0;i<arr.length;i++){ // arr[i] for(var j=i+1;j<arr.length;j++){ // 用arr[i]和arr[j]比较 相同 删掉arr[j] if(arr[i]===arr[j]){ arr.splice(j,1)

2022-04-19 21:16:25 130

原创 JS第七天学习(数组方法、数组排序方法)

一、数组的方法 var a=[1,2,3,4] var b=[5,6,7,8,9] var c=['A','B','C'] 1.every() 检测数值元素的每个元素是否符合条件 console.log(a.every(function(item){ return item>0 })) 2.some() 检测数组中是否有元素符合条件 console.log(b.some(function(item){ return item>5

2022-04-18 23:09:27 83

原创 JS第六天学习(数组)

1.JS数组的对象 数组:数的组合(分组) 数组对象:使用单独的变量名储存一系列的值,一个容器储存多个元素。 数组项:元素 typeof返回object,和object相似,但是存储效率比普通对象高 var house1="别墅"; var house2="公寓"; var house3="大平层" //使用数组,将一系列的值进行存储 var aHouse=["别墅","公寓","大平层"]; 2.JS数组的创建 - (1)字面量 var arr=[1,2,3]; console.log(arr); -

2022-04-18 23:08:04 94

原创 JS第五天学习(对象、构造函数)

一、JavaScript对象 // 数据类型 引用数据类型 var person={ name:"张三", age:18, prop:function(){ console.log("吹") } } JavaScript对象的分类 // 内置对象 // 圆周率 3.1415926 console.log(Math.PI); console.log(

2022-04-14 22:29:56 162

原创 JS 第四天学习(无参函数、带return函数、闭合函数、作用域、函数封装))

JavaScript传参函数和无参函数 1.无参函数 function func() { console.log("无参函数") } var func2 = function () { console.log("无参函数2") } 2.传参函数 f(x)=x+1 // 参数:调用方法(函数)时,根据传入的参数的不同,而返回不同的结果。 // x:形参 形式上的参数 变量名 function func3(x)

2022-04-13 21:33:02 462

原创 JS第三天学习(循环、函数)

一.JavaScript的循环 1.JavaScript的for循环 // **循环是将代码执行指定的次数。** // for循环 // for(语句1;语句2;语句3){ // // 执行的代码 // } // 语句1:条件的变量的初始值(代码执行前执行) 只执行一次 // 语句2:循环条件 // 语句3:循环(代码块)已被执行后执行的代码(通常是自增或自减 for (var i = 0; i < 4; i++) { // console.log(i,"执行的代码"

2022-04-12 21:16:55 69

原创 JS第二天学习(运算符、语句)

JavaScript的运算符 赋值运算符(=) // 变量的声明 var // 变量的赋值 = // 变量名 = 变量的值 var num=10; console.log(num) num=20; console.log(num) num=100; console.log(num) JavaScript的算数运算符(+ - * / %) var a=10,b=3; // + 加 var c=a+b;

2022-04-11 19:42:50 247

原创 JS学习第一天(组成、引入、注释、语法、变量、数据类型)

JS作者:布兰登·艾奇(Brendan Eich) 1995诞生,Netscape(网景) Navigatror 和 Sun 合作 Java LiveScript 1997 将Javascript1.1作为蓝本提交给欧洲计算机制造商协会(ECMA) ECMAScript(核心语法) 宿主:在哪里运行 浏览器 node Adobe Flash 一、Javascript分为三部分: 1、ECMAscript(js核心语法部分)。 2、DOM(文档对象模型)Document Object Mod

2022-04-10 21:06:51 88

空空如也

空空如也

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

TA关注的人

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