前端速成-JavaScript
文章平均质量分 59
xyx-Eshang
潜心静学,保持谦逊
展开
-
前端速成-JavaScript | 10.JavaScript事件监听器
文章目录1.为元素添加事件监听器1.为元素添加事件监听器在选定标签元素后,可以为元素添加事件监听器:element.addEventListener(eventType, functionName);意为当发生"eventType"时,执行"functionName"eventType - 触发事件类型functionName - 事件触发函数的函数名上述为:当按钮发生"click"事件时,触发"changeColor"函数改变颜色...原创 2021-09-26 00:06:40 · 368 阅读 · 0 评论 -
前端速成-JavaScript | 09.JavaScript DOM
文章目录1.DOM概述2.获取元素2.1.document.getElementBy...()2.2.document.querySelector...()3.操纵元素:函数3.1.移除3.2.为元素添加事件监听器4.操纵元素:属性4.1.子元素相关属性4.2.标签内容相关属性4.3.类名相关属性4.4.css样式属性1.DOM概述2.获取元素2.1.document.getElementBy…()使用该方式获取标签元素,会获取到符合条件的所有标签由id获取的方法得到的是唯一的由classN原创 2021-09-26 00:05:26 · 672 阅读 · 2 评论 -
前端速成-JavaScript | 08.JavaScript面向对象
文章目录1.类的创建2.与之前写法的区别1.类的创建不同于java,js中创建类不需要为其声明属性,只需要完成构造方法:class Person { constructor(a, b){ this.a = a; this.b = b; }}完成构造方法构造方法的赋值用this关键字实现2.与之前写法的区别之前用json格式定义对象:如今用class关键字定义类最主要的区别是: 用json格式定义对象,无法在类中定义方法..原创 2021-09-26 00:04:51 · 61 阅读 · 0 评论 -
前端速成-JavaScript | 07.JavaScript函数
文章目录1.函数的基本使用2.给函数添加默认值3.箭头函数(lambda表达式)3.1.基础写法3.2.精简13.3.精简21.函数的基本使用使用function关键字形参不写数据类型不写返回值类型2.给函数添加默认值正常传参时,优先使用传入的参数传入的参数为undefined时,就会使用参数默认值3.箭头函数(lambda表达式)3.1.基础写法3.2.精简1若函数本身只有一行return,则可以使用精简的写法:不用写中括号不用写return3.3.精简2原创 2021-09-26 00:04:13 · 93 阅读 · 0 评论 -
前端速成-JavaScript | 06.JavaScript条件语句
文章目录1.js中的等号2.if-else3.switch-case1.js中的等号"="是赋值操作"=="先转换类型再比较"==="先判断类型是否相等,再比较值是否相等,如果不是同一类型直接为false2.if-elseJavaScript和Java的 if-else语法相同,此处不赘述3.switch-caseJavaScript和Java的 switch-case语法也是相似的:需要注意的是:java中case只能进行字符串的比较javaScript中可以进行字符串和==原创 2021-09-26 00:03:20 · 270 阅读 · 0 评论 -
前端速成-JavaScript | 05.JavaScript循环
文章目录1.基础循环1.1.for循环1.2.forEach1.3.while循环1.基础循环1.1.for循环和java一模一样,不多赘述://定义数组const numberArr = [0, 1, 2, 3];//for循环for(let index = 0; index < numberArr.length; index++){ console.log(numberArr[index]);}1.2.forEach使用of://定义数组const number原创 2021-09-26 00:02:37 · 76 阅读 · 0 评论 -
前端速成-JavaScript | 04.JavaScript数据类型
文章目录1.String1.1.属性1.2.函数1.3.拼接字符串1.4.实践2.其他基本数据类型3.Array - 数组3.1.定义数组3.2.属性3.3.函数3.4.实践4.对象4.1.定义4.2.获取对象的属性4.3.新增属性4.4.实践1.String1.1.属性length - 字符串长度1.2.函数string类型有以下函数: 函数名 对字符串的操作 返回值原创 2021-09-26 00:01:34 · 130 阅读 · 0 评论 -
前端速成-JavaScript | 03.JavaScript变量声明、typeof运算符、数据判空
文章目录0.前言1.变量声明1.1.var全局作用域1.2.let1.3.const常量2.typeof运算符3.数据判空3.1.写在前面:js中的等号3.2.如何判空3.2.1.基本数据类型判空3.2.2.数组判空0.前言参考文章:var和let区别简述1.变量声明1.1.var全局作用域全局作用域有一大缺点:假如在if中用var定义了一个变量,在if外如果使用相同名字再定义变量,便会引起冲突。因此尽量不使用var1.2.letlet和我们现有的java变量类似。作用域是块作用域。1.3原创 2021-09-25 23:56:19 · 217 阅读 · 1 评论 -
前端速成-JavaScript | 02.JavaScript对象及其函数
文章目录0.前言1.window对象1.1.alert()弹窗提示2.Console对象2.1.log()输出日志2.2.error()输出异常2.3.warn()输出警告3.typeof运算符3.3.字符串相关0.前言如果使用Chrome浏览器,迅雷扩展工具会导致警告的弹出在开发时,建议将扩展工具关闭:1.window对象1.1.alert()弹窗提示一般不使用alert()来调试或输出值,因为它会阻塞后面运行的脚本调试时,尽量使用console.log()(类似java的System原创 2021-09-25 23:55:21 · 141 阅读 · 1 评论 -
前端速成-JavaScript | 01.JavaScript概述
文章目录1.何为JavaScript?2.如何使用JavaScript2.1.总述2.2.实践:第一种方式2.3.实践:第二种方式1.何为JavaScript?一种编程语言,在网页上实现复杂的功能与交互解释型语言:不同于java在执行前要被编译,js直接被执行运行在客户端:不像java、C#等各种语言,js运行于浏览器中面向对象语言需要注意,javaScript与java没有任何关系,只是为了蹭热度2.如何使用JavaScript2.1.总述引入外部JS文件,是一个比较好的习惯。但原创 2021-09-25 23:54:36 · 68 阅读 · 0 评论