- 博客(15)
- 收藏
- 关注
RSS订阅原创 JavaScript的DOM
JavaScript的DOM1.DOM(文档对象模型)当网页被加载时，浏览器会创建DOM，DOM属于BOM的一部分，对document的操作。HTML DOM被构造为对象的树。 DOM树。DOM树包含 HTML元素，HTML文本，HTML属性。JavaScript通过DOM可以改变HTML元素，HTML文本，HTML属性(CSS样式)，事件做出反应2.DOM是什么？文档对象模型，是HTML文档的编程接口当网页被加载时，浏览器会创建页面的文档对象模型3.DOM做什么？JavaSc
2022-04-27 00:41:40
115
原创 JavaScript数组对象
JavaScript数组对象数组：数的组合使用单独的变量命储存一系列的值，一个容器储存多个元素// 单独声明变量 储存数据 var name1 = "唐僧"; var name2 = "孙悟空"; var name3 = "猪悟能"; var name4 = "沙悟净"; // 使用数组将 一系列的值进行储存 var aNames = ["唐僧", "孙悟空", "猪悟能", "沙悟净"];var bai1 = { name: "
2022-04-17 16:50:36
391
原创 JavaScript的this指向
JavaScript的this指向1.在构造函数中使用 指向实例对象function Car(color) { this.color = color } // 创建car的实例 var car1 = new Car("红色"); var car2 = new Car("黄色"); var car3 = new Car("黑色"); console.log(car1.color); console.log(car2);
2022-04-17 16:49:55
593
原创 JavaScript的类
JavaScript的类类：一种抽象的概念，类似于工厂，模板对象：是一个具体的实例构造函数：对象的构造器 用来构造对象的函数通过构造函数去创建对象，对象会继承构造函数的属性// 创建一个类(函数) 类名(函数名)首字母大写 // 人类：name age sex hobby function Person(name,age,sex,hobby) { this.eyes="黑色"; this.hair="黑色"; th
2022-04-17 16:49:22
60
原创 JavaScript对象
JavaScript对象对象(Object)是一个以键值对形式储存属性的集每个属性有一个特定的名称，以及与名称相对应的值。这种关系有一个专有名称，称为映射。对于对象来说，除了可以通过这种方式保持自由属性，还可以通过继承的方式继承属性，这种方式称为“原型式继承”语法：{key:value,key2:value2,key3:value3,…}// 数据类型 引用数据类型 var person={ name:"张三", age:18, prop
2022-04-17 16:48:37
672
原创 JavaScript的闭包函数
JavaScript的闭包函数定义：闭包就是能够读取其他函数内部变量的函数在JavaScript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解为++定义在一个函数内部的函数++本质上，闭包是将函数内部和函数外部连接起来的桥梁// 声明函数 function func1() { var x=10000; return function() { return x; } } var res=fun
2022-04-17 16:47:46
485
原创 JavaScript的作用域
JavaScript的作用域++作用域++就是可访问的变量，对象和函数的集合1.全局作用域全局变量在函数外定义的变量为全局变量//全局变量var num=10; console.log(num); // 函数 function func(x) { console.log(x) } func(num);变量没有声明，直接赋值为全局变量// 未声明的js变量直接赋值会自动作为window的属性 window是js中顶级变量（对象
2022-04-13 14:09:44
362
原创 JavaScript函数
1.JavaScript函数(function)定义：++函数是由事件驱动(触发)或者当它被调用时执行的可重复使用的代码块++组成：函数由++函数名++、参数、++函数体++、返回值4部分组成，其中函数名个函数体是必须要有的部分function 函数名(参数){ 函数体 return 返回值 }// func:函数名// x:函数的参数// {}:函数体 function func(x){ // 执行的代码 console
2022-04-12 22:15:25
502
原创 JavaScript的循环
JavaScript的循环循环是将代码执行指定的次数1.for循环// for循环for(语句1;语句2;语句3){// 执行的代码 } // 语句1：条件的变量的初始值(代码执行前执行)只执行一次 // 语句2：循环条件 // 语句3：循环(代码块)已被执行后执行的代码(通常是自增或自减)for (var i = 0; i < 4; i++) { // console.log(i,"执行的代码") document.write("☆☆☆☆☆
2022-04-12 20:59:10
533
原创 JavaScript的分支
JavaScript的分支1.条件语句 ifif语句：只有当指定的条件为true时，执行代码if(true){ console.log("条件为真") } if(10>5){ console.log("条件为真") }if…else语句：当指定的条件为true时，执行代码，当为false时，执行其他的代码if(条件){ // 条件成立时执行的代码 true } else{ // 条件不成立时执行
2022-04-11 20:27:33
57
原创 JavaScript的运算符
JavaScript的运算符1.赋值运算符= 给变量赋值 var num=10; console.log(num) num=20; console.log(num)2.算数运算符var a=10,b=3;// + 加 var c=a+b; console.log(c);//13// - 减 console.log(a-b);//7// * 乘 console.log(a*b);//30// / 除 cons
2022-04-11 18:13:15
196
原创 JavaScript的数据类型、判断及转换
JavaScript的数据类型1.值类型// 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-11 02:14:25
101
原创 JavaScript的变量
JavaScript的变量1.变量的声明 var letvar a;//声明变量 变量名为a2.变量赋值// 变量赋值 = var a;a=10;console.log(a);// 使用a变量var a;a=10;// 重新给a赋值a=20;console.log(a);// 同时声明并赋值var b=100;console.log(b);// 同时声明多个变量var x=10,y=20,z=30;console.log(x,y,z);3.常量(不变的量 使
2022-04-11 01:41:42
268
原创 JavaScript的输出方式与入口函数
JavaScript的输出方式1文档输出 documentdocument.write("这是通过document.write输出的内容")2.控制台输出 consoleconsole.info("这是控制台输出的信息");console.warn("警告","这是控制台输出的警告");console.error("错误","这是控制台输出的错误");3.窗口输出 windowwindow.alert("这是警告框");window.confirm("这是确认框");w
2022-04-11 01:18:13
360
原创 JavaScript入门（引入方式/注释/语法）
JavaScript入门前端分为三层：结构层(HTML) 定义网页的内容表现层(CSS) 定义元素如何显示 描述网页的布局行为层(JavaScript) 定义网页的行为知识作者：布兰登·艾奇(Brendan Eich)1995诞生，Netscape(网景) Navigatror 和 Sun 合作 JavaLiveScript1997 将Javascript1.1作为蓝本提交给欧洲计算机制造商协会(ECMA)ECMAScript(核心语法)JavaScript分为三部分1.ECMA
2022-04-11 00:58:38
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人