采菊东篱下ん-CSDN博客

原创 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 193

原创 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 285

原创 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 123

原创 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 99

原创 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 138

原创 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 127

原创 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 82

原创 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 92

原创 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 160

原创 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 456

原创 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 67

原创 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 245

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

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

2022-04-10 21:06:51 87

JS_xwz的博客