- 博客(38)
- 收藏
- 关注
RSS订阅原创 38js学习第二十二天form请求
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01form表单请求</title></head><body> <h1>01form表单请求</h1> <form action="http://146.56.207.108:3000/Handler/User...
2022-05-15 15:54:01
561
原创 37js学习第二十一天缓存cookie
// 01JavaScript的cookie // - cookie是用来储存web页面的用户信息。 // - 由于HTTP是一种无状态的协议，服务器单从网络链接上是无法知道客户信息的。这个时候服务器会给客户端（浏览器）颁发一个cookie，用来确认用户的信息。 // 获取 document.cookie console.log(document.cookie); // 设置 // document.cookie="name=value;do...
2022-05-15 15:36:16
472
原创 36js学习第十九二十天史上最全BOM
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01初始BOM</title></head><body> <h1>01初始BOM</h1></body><script> // 01初始BOM console.log(window...
2022-05-08 23:53:35
508
原创 35js学习第十八天事件冒泡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01事件冒泡</title> <style> *{ margin: 0; padding: 0; } .box1{ width: 400px;...
2022-05-08 23:30:32
143
原创 34js学习第十七天DOM的事件对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01DOM的事件对象</title> <style> input{ display: none; } label::before{ content: "\2610"...
2022-05-04 19:19:57
270
原创 33js学习第十六天很多很多事件，史上最全事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01DOM的鼠标事件</title> <style> * { margin: 0; padding: 0; } .box { width: ...
2022-05-04 18:23:35
1709
原创 32js学习第十五天DOM鼠标点击事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01DOM的鼠标事件</title> <style> * { margin: 0; padding: 0; } .box { width: ...
2022-04-27 19:04:39
391
原创 31js学习第十四天DOM遍历和增删改查
<head> <meta charset="UTF-8"> <title>01DOM的遍历(查找)</title> <style> #wrap{ position: relative; } </style></head><body> <h1>01DOM的遍历(查找)</h1> <...
2022-04-26 20:00:02
122
原创 30js学习第十三天HTML改变输出
<head> <meta charset="UTF-8"> <title>01DOM中HTML改变输出流</title> <!-- <script> // console.log(document.getElementsByTagName("h1")); window.onload = function () { console.log(document.getE...
2022-04-25 17:54:59
310
原创 29js学习第十二天DOM
<h1>01通过DOM获取元素</h1> <div id="wrap"> <h2 id="header2">这是一个h2标签</h2> <p class="text">这是一个段落标签1</p> <p>这是一个段落标签2</p> <p>这是一个段落标签3</p> <span clas...
2022-04-24 21:18:49
682
原创 27js学习第十天Date对象
// 01JavaScript的Date对象 // 使用new 关键字 Date() 构造函数 // var oDate=new Date(参数) // 1.获取当前日期 时间 var oDate1=new Date();//无参数时 获取当前日期时间 console.log(oDate1); // 2.自定义时间 // new Date(year,month,day,hour,minute,second,milliseco...
2022-04-21 19:32:46
1225
原创 26js学习第十天Math对象
// 01JavaScript的Math对象的属性 // Math:用于处理数学任务 console.log(Math); // E: 返回算术常量 e，即自然对数的底数（约等于2.718）。 // console.log(Math.E);//2.718281828459045 // LN2: 返回 2 的自然对数（约等于0.693）。 以E为底，2的对数 console.log(Math.LN2);//0.6931471805599453 ...
2022-04-21 19:21:06
549
原创 25js学习第十天Boolean对象
// Boolean // Boolean对象用于将非布尔值转换为布尔值(true或false) var a=true; var b=false; // var c=new Boolean(参数) 参数可以非布尔值 自动转换 var c=new Boolean(""); console.log(c) // 属性 console.log(Boolean.prototype) // constructor 返回对创建此对象的 Boo...
2022-04-21 19:16:01
109
原创 24js学习第十天Number对象
// 01Number对象的创建 // 字面量 var num=10; console.log(num); console.log(typeof num); // new关键字 // var num2=new Number(value) // 当参数的值不能转换为数字时，将返回NaN var num2=new Number(100); console.log(num2); console.log(typeof num...
2022-04-21 19:13:02
824
原创 23js学习第九天正则表达式
// 01JavaScript正则表达式的创建 // 1.字面量 /表达式/修饰符 var reg1=/abc/g;// 匹配一个字符串中是否包含abc g:global(全局) console.log(reg1); console.log(typeof reg1);//object // 2.new关键字 构造函数 // var reg2=new RegExp("表达式","修饰符") var reg2=new RegExp("ab...
2022-04-20 18:53:25
180
原创 22js学习第八天第2部分字符串
// 01JavaScript字符串的创建 // 1.字面量 "" '' `` var str1="hello"; var str2='hello'; var str3=`hello`; console.log(str1); // 2.使用new关键字 构造函数 var str5=new String(); str5="hello China"; var str6=new String("hello Nanjing"); ...
2022-04-19 18:05:29
180
原创 21js学习第八天第1部分数组去重，多维数组，二级联动
// 01数组去重 var arr=[1,1,1,1,2,2,2,2,3,3,4,4,5,5,"a","a"]; // console.log(arr.indexOf(1)); // 去重后得到 [1,2,3,4,5,"a"] // 两类方式 // 1.操作原数组 改变原数组 // 删除原数组中相同的项 splice(开始的索引,截取的长度,添加的元素) // 1)遍历数组 拿到所有元素 // for(var i=0;i<...
2022-04-19 17:52:09
478
原创 20js学习第七天数组第2部分方法
// 07JavaScript数组的方法（迭代） var arr1 = [1, 2, 3, 10, 20, 30, 50, 80, 99]; var arr2 = [4, 5, 6]; var arr3 = ["A", "B", "C", "D", "E", "F", "G"]; // every(函数) 检测数值元素的每个元素是否都符合条件。 // 函数:funtion(item){// item 数组元素} console.log(arr1.every(...
2022-04-18 19:12:19
170
原创 19js学习第六天数组第1部分
// 01JavaScript数组对象 // 数的组合 // 使用单独的变量命储存一系列的值，一个容器储存多个元素。 // 单独声明变量 储存数据 var name1 = "唐僧"; var name2 = "孙悟空"; var name3 = "猪悟能"; var name4 = "沙悟净"; // 使用数组将 一系列的值进行储存 var aNames = ["唐僧", "孙悟空", "猪悟能", "沙悟净"]; ...
2022-04-17 15:36:56
344
原创 18js学习第五天第2部分类
// 06JavaScript的类（构造函数） // 类：抽象的概念 // 构造函数：对象的构造器 用来构造对象的函数 // 创建一个类(函数) 类名(函数名)首字母大写 // 人类：name age sex hobby function Person(name,age,sex,hobby) { this.eyes="黑色"; this.hair="黑色"; this.name=name;...
2022-04-14 20:40:51
719
原创 17js学习第五天第1部分对象
// 01JavaScript对象 // 数据类型 引用数据类型 var person={ name:"张三", age:18, prop:function(){ console.log("吹") } }
2022-04-14 20:36:25
534
原创 16js学习第三(四)天第2部分函数
// 01JavaScript函数的声明 // 变量声明 通过var关键字 var a=10; // 函数的声明 // function 函数名(参数){ // 函数体 // return 返回值 // } // 通过function关键字声明 // func:函数名 // x:函数的参数 // {}:函数体 function func(x){ // 执行的代码 ...
2022-04-12 21:09:46
72
原创 15js学习第三天第1部分循环
// 01JavaScript的for循环 // **循环是将代码执行指定的次数。** // for循环 // for(语句1;语句2;语句3){ // // 执行的代码 // } // 语句1：条件的变量的初始值(代码执行前执行) 只执行一次 // 语句2：循环条件 // 语句3：循环(代码块)已被执行后执行的代码(通常是自增或自减) for (var i = 0; i < 4; i++) { // ...
2022-04-12 21:06:53
667
原创 14js学习第二天第2部分分支
// 01JavaScript的if语句 // if语句：只有当指定的条件为true时，执行代码 // if(条件){ // // 条件成立时执行的代码 // } if(true){ console.log("条件为真") } if(10>5){ console.log("条件为真") } // 02JavaScript的if...else语句 // if...else语...
2022-04-11 18:45:29
3516
原创 13js学习第二天第1部分运算符
// 00JavaScript初级事件绑定 // 获取元素 var oBtn = document.getElementById("btn"); var oType = document.getElementById("type"); var oPrice = document.getElementById("price"); var oInp = document.getElementById("inp"); // 当点击按钮时 oBtn.on...
2022-04-11 18:42:32
415
原创 06js的变量
// 字面量 固定的值 1 2 3 4 5 // 变量 可变的量 容器 // 变量的声明 var let var a;//声明变量 变量名为a console.log(a); // 变量赋值 = a=10; console.log(a);// 使用a变量 // 重新给a赋值 a=20; console.log(a); // 同时声明并赋值 var b=100; cons...
2022-04-11 10:37:18
174
原创 04js的三种输出方式
// 1.文档输出 document document.write("这是通过document.write输出的内容") // document.getElementById("text").innerText="这是innerText输出的文本" // document.getElementById("box").innerHTML="<h2>这是innerHTML输出的文本</h2>" // 2.控制台输出 console con...
2022-04-11 10:36:55
106
原创 01js的三种引入方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01JavaScript的引入方式</title>（外部引用） <style type="text/css"> @import url("style.css"); *{ margin: 0; ...
2022-04-11 10:14:57
218
原创 12js数据类型的栈和堆
var obj={}; var arr=[]; // Boolean(变量) 将变量转换为布尔值类型 除 0 "" '' null undefined NaN 之外都返回true console.log(Boolean(obj));// true console.log(Boolean(arr));// true console.log(Boolean(0));// false console.log(Boolean(''));// fa...
2022-04-10 17:44:58
130
原创 11js数据类型的转换
var num=10; var str="hello"; var str2="10000"; var bool1=true; var bool2=false; var un; var nu=null; var obj={}; var arr=[]; // Number(变量) 将变量转换为数字类型 被转换的值为非数字，返回NaN(Not a Number)不是一个数字 console.log(Number(str))...
2022-04-10 17:43:56
261
原创 10js数据类型的判断
// 值类型 // Number:数字 var num=10; console.log(typeof(num));// number console.log(typeof num);// number // String:字符串 var str1="hello wrold"; var str2='hello China'; var str3=`hello Nanjing`;// 反引号 ES6新增的 模板字符串 console.l...
2022-04-10 17:42:50
145
原创 09js的数据类型
// 值类型 // Number:数字 var num=10; // String:字符串 var str1="hello wrold"; var str2='hello China'; var str3=`hello Nanjing`;// 反引号 ES6新增的 模板字符串 // Boolean:布尔值 var bool1=true; var bool2=false; // Undefined:未定义 var un...
2022-04-10 17:41:45
71
原创 08js变量的声明提升
// var 有声明提升 提升到所有的代码前面 // 先声明 后使用 console.log(a);// undefined 先使用 后生声明 var a=10; console.log(c);// c is not defined 未声明 直接使用 // var b; // console.log("b:",b); // 错误笔记...
2022-04-10 17:40:24
61
原创 07js变量的命名规则
// 1.不可以使用关键字或保留字命名,不能超过255个字符 // var break=10;// Unexpected token 'break' // 2.不能使用纯数字命名 // var 2000=10000;//Unexpected number // 3.变量以字母,$,_ 为开头 // 4.命名尽量语义化 // 5.驼峰命名 headerWrap // 6.以数据类型为开头 sText nPrice oHeader // 7.区分...
2022-04-10 17:39:21
1620
原创 05js的入口函数
// 当文档（包含图片,音视频等资源）加载完成 window.onload=function(){ // 执行的代码 // console.log(document.getElementById("text"));//打印 h2 // document.write("在文档中输出"); }...
2022-04-10 17:37:31
93
原创 03js的语法
// 变量 // 变量的声明 var a; // 变量的赋值 a=10; // 声明方法 func方法名 function func(){ // 执行的代码 } // 数据类型 // 操作符 // js语句 // 关键字 // 函数 // .......
2022-04-10 17:35:31
181
原创 02js的注释
// 单行注释 // console.log("单行注释") console.log("打印")// 注释注释的内容 // 多行注释 /* var a=10; var b=20; 声明两个变量 */
2022-04-10 17:34:27
60
原生jQuery轮播图.html，可放入循环
2022-08-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人