- 博客(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关注的人