JavaScript
文章平均质量分 86
凉凉心.
把每一件小事做好,成为更加优秀的人。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十七):BOM浏览器对象模型;History历史记录、Location本地地址...;JS的JSON解析与序列化
什么是BOM?BOM:浏览器对象模型 //宿主对象BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。BOM将浏览器中的各个部分转换成了一个一个的对象,我们通过修改这些对象的属性,调用他们的方法,从而控制浏览器的各种行为原创 2025-08-03 16:31:33 · 967 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十六):事件监听和attachEvent绑定;JS无限定时器和延时定时器;键盘事件使用;事件传播;
setInterval() 无限定时器JS的程序的执行速度是非常非常快的如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用setInterval()定时调用可以将一个函数,每隔一段时间执行一次参数:1.回调函数,该函数会每隔一段时间被调用一次2.每次调用间隔的时间,单位是毫秒返回值:返回一个Number类型的数据这个数字用来作为定时器的唯一标识clearInterval() 这个方法可以关闭定时器参数:1.定时器变量原创 2025-08-03 16:12:08 · 1034 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十五):Event事件对象;移动爱心案例;Bubble事件冒泡;基于冒泡的事件委派处理
事件冒泡(Bubble)所谓冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发在开发中大部分情况冒泡都是有用的,如果不希望冒泡发生可以通过事件对象取消冒泡 event.cancelBubble=true原创 2025-08-03 15:47:00 · 945 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十四):滚轮属性Scroll;常用事件;文档加载顺序;事件绑定
在上文中,dom.onscroll 就是一个 js 滚轮事件事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说,有下面这些代表性的事件:单击事件、鼠标移入移出事件、键盘按下/弹起事件等等原创 2025-08-03 15:30:33 · 874 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十三):通过JS获取标签的基本样式、内联样式;通过JS修改元素样式;本文罗列了大部分有关DOM元素的属性和方法!
获取元素的当前显示样式语法:元素.currentStyle.属性名 或 元素.currentStyle[属性名]currentStyle可以用来读取当前元素正在显示的样式,如果当前元素没有设置该样式,则获取它的默认值。例如:如果没有设置width,获取到的值为auto原创 2025-07-27 12:56:31 · 984 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十二):关于DOM元素的操作-获取元素节点;元素系欸但的属性、使用CSS选择器进行查询、获取父节点和兄弟节点...
获取元素节点getElementById() 通过id属性获取一个元素节点对象getElementsByTagName() 通过标签名获取一组元素节点对象getElementsByName() 通过name属性获取一组元素节点对象getElementsByClassName() 通过标类名获取一组元素节点对象,该方法不支持IE8及以下版本原创 2025-07-27 12:42:20 · 707 阅读 · 0 评论 -
(JavaScript)前端JS不知道怎么理解网页?本专栏从0开始教学!(十一):入门DOM文档对象模型;摸清四大 文档、元素、文本、属性 节点的含义;了解三个节点特定属性
JavaScript_DOM文档对象模型什么是DOM?DOM,全称Document Object Model文档对象模型JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。原创 2025-07-26 22:01:26 · 821 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(十):本文带你全方面刨析JS正则表达式的运用;包含字面量正则、有关正则的方法使用、特殊场景下的匹配规则;
JavaScript正则表达式正则表达式:又称规则表达式英文名为Regular Expression,在代码中常简写为regex、RegExp或RE正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,可以将字符中符合规则的内容提取出来原创 2025-07-26 21:44:23 · 1076 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(九):js中对于包装类的用法;String字符串对象中的相关方法(slice、split、indexOf、charAt)
JavaScript包装类数据类型:基本数据类型:String Number Boolean Null Undefined引用数据类型:Object在JS中为我们提供了三个包装类,通过这三个包装类可以将基本数据类型转换为对象String()- 可以将基本数据类型字符串转换为String对象Number()- 可以将基本数据类型的数字转换为Number对象Boolean()- 可以将基本数据类型的布尔值转换为Boolean对象但是请注意!!!我们在实际应用中不会使用基本数据类型的对原创 2025-07-19 14:37:44 · 741 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(八):call和apply方法的差异;示例日期对象Date;Math数学对象、随机数
call()和apply()这两个方法都是函数对象的方法,需要通过函数对象来调用当对函数调用call()和apply()都会去调用函数执行在调用call()与apply()可以将一个对象指定为第一个参数此时这个对象将会成为函数执行时的thiscall()方法可以将实参在对象之后依次传递apply() 方法需要将实参封装到一个数组中统一传递this的总结:以函数的形式调用时,this始终都是window对象以方法的形式调用时,this就是调用方法的对象以构造方法的形式调用时,this是新创原创 2025-07-19 14:19:13 · 874 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(七):JS的垃圾回收机制、深度刨析JS中的数组用法;map、forEach、for三种循环示例;join、push等方法示例
数组对象 - 数组(Array)数组也是对象(内建对象)它和我们普通对象功能类似,也是用来存储一些值的不同的是普通对象使用字符串作为属性名而数组是使用数字来作为索引操作元素索引:从0开始的整数就是索引数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据原创 2025-07-19 14:01:19 · 1080 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(六):构造函数创建、prototype原型对象刨析、查找对象中是否存在对应属性、hasOwnProperty的使用
构造函数创建一个构造函数,专门用来创建Person对象构造函数就是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写构造函数和普通函数的区别就是调用方式的不同普通函数是直接调用,而构造函数需要使用new关键字来调用构造函数的执行流程立刻创建一个新的对象将新建的对象设置给函数中的this,在构造函数中可使用this来引用新建的对象逐行执行函数中的代码将新建的对象作为返回值返回使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。我们原创 2025-07-19 13:40:47 · 815 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(五):JS特性-提前声明变量与函数;挖掘JS中的作用域范围,搞清楚调用的实际方法;刨析JS中的this关键字的指向内容
JavaScript作用域作用域:作用域指一个变量的作用范围JS中一共两种作用域全局作用域函数作用域(局部作用域)全局作用域直接写在script标签的JS代码,都在全局作用域全局作用域在页面打开的时候创建,在页面关闭时销毁在全局作用域中有一个对象window,它代表一个浏览器的窗口,它由浏览器创建,我们可以直接使用原创 2025-07-13 16:14:15 · 1082 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(四):函数的创建(基本创建、声明式创建、立即执行函数);函数传参、对象方法(函数)调用、函数返回值
函数function函数也是一个对象函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象时,会返回function原创 2025-07-13 16:00:13 · 822 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(三):刨析JS对象的使用方法;带你玩转JS的Object对象如何使用以及更新!
对象属于一种复合的数据类型,在对象中可以存储多个不同数据类型的属性对象的分类:内建对象由ES标准中定义的对象,在任何ES的实现中都可以使用例如:Math String Number Boolean Function Object…宿主对象由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象比如:BOM(浏览器对象模型) DOM(文档对象模型)例如 我们常用的console.log() 就是DOM 中的对象自定义对象由咱们开发人员自己定义的对象原创 2025-07-13 15:45:00 · 784 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(二):算数、逻辑、关系、条件(三元)四种JS运算符的用法以及注意事项!循环、分支、顺序结构的经典示例,一看就会!
运算符也叫做操作符通过运算符可以对一个或则多个值进行运算,并获取运算结果。算数运算符+ 加可以对两个值进行加法运算,如果是两个字符串则进行字符串拼接任何值和字符串做加法运算,都会先转为字符串,然后再和字符串做拼接操作也可以通过"+"完成隐式转换。- 减可以对两个值进行减法运算,并返回运算结果* 乘可以对两个值进行乘法运算,并返回运算结果/ 除可以对两个值进行除法运算,并返回运算结果% 取模取模运算(取余数)++ 自增-- 自减原创 2025-07-13 15:30:48 · 796 阅读 · 0 评论 -
(JavaScript)前端小白还没学JS吗?跟着本文开启JS的旅程吧!(一):字面量与变量、数据类型与类型转换;将任意类型转为String、Number、Boolean类型;
字面量字面量:指的是一些不可以改变的值例如:1 3 5 6字面量都是可以直接使用。但是我们一般都不会直接使用字面量变量:变量可以用来保存字面量,而且变量的值是可以任意改变的。变量更加方便我们使用,所以在发开中都是通过变量去保存字面量变量的声明:通过var 关键字声明原创 2025-07-05 19:00:06 · 658 阅读 · 0 评论 -
Mvc视图的4种提交方式
在mvc中的4种请求,其中包括了jquery对于请求的操作喔!jQuery的get/post提交1、 jQuery的一切 $ 符号开头调用出post/get方法,两个方法分别就代表了post提交跟get提交无需再声明;2、 括号中有三个参数,参数之间用逗号 ”,” 隔开;3、 第一个参数:“”中填写提交至控制器的路径;4、 第二个参数:{name: 值},提交过去的一个json格式的对象;5、 第三个参数:function(msg),这个是提交成功后所执行的函数,实参代表了控制器中返回回来的值原创 2021-05-07 16:09:04 · 436 阅读 · 0 评论 -
三级联动效果
实现技术:三级联动;详解:省级下拉框选择省份后,城市下拉框的选择要跟着省级变动,院校同样。1、初始代码做好html部分的初始代码,三个select标签,不含option标签!要点:请引入某个城市库的js文件;城市库图片:2、初始下拉框的内容目的:将下拉框的基本内容填充上;难点:对于城市库代码中的数组引用;创建元素、追加元素;解难:setAttribute(“value”,? )——这个方法可以设置元素的属性,括号内的第一个值是你设置什么样的属性(名字自定义);括号内第二个值是设置这个属原创 2021-02-02 10:12:25 · 458 阅读 · 0 评论 -
动态的求出最大值最小值
实现技术:动态求出最大值最小值详解:在html页面中的input内任意输入数字,并记录下来以往的输入记录,输入“0”数字时,计算出输入记录中的最大值和最小值。实现需求:熟练并熟悉jQuery代码库。对数组要有一定概念1、:初始化在html文件内创建好必要的初始代码,并且在文件中引入jQuery代码库2、:检测打印步骤:1、需要在js中编写代码;2、检测到input标签输入的值;3、打印在html页面中用到的事件:change()事件——当内容改变时触发函数;难点:元素的创建,以及添加;达原创 2021-02-01 14:28:44 · 920 阅读 · 0 评论 -
前端实现简易吃豆人小游戏
1、首先先将html文件里的初始代码设置完毕2、规定范围规定人物的活动范围,豆子的起始位置,人物的大小,并且逐次进行样式的编写技术范围:css、html。难点:需要在脑海中构思下一步的操作。注意事项:外层盒子需要是相对定位,这样才能让豆子和人物有一个位置3、绑定事件以及设定豆子的随机出现点绑定事件以及设定豆子的随机出现点,要求是在人物移动时将豆子随机放在盒子中的某个地方。还有需要创建代表移动速度的全局变量,以及记录方向,豆子的在x、y轴上的方向也要记录难点: 理解随机数以及对事件的绑定。原创 2021-01-24 23:07:54 · 1956 阅读 · 1 评论 -
用JavaScript实现基本的登录判定
JavaScript账号的基本登录判定开发工具与关键技术:开发工具DW或vs code,关键技术JavaScript、html51、 创建在页面上的一些表单元素先在文件夹中创建好html文件,在dw或任意前端编译器中打开并加上必备的初始标签代码,如图:在浏览器中添加上必备的表单input标签元素,以及必需的按钮,别忘了样式,页面(浏览器)代码如下:2、在script中确保要读取到输入的账号跟密码–在script标签或者js文件中写上页面加载事件,在加载事件中获取到两个input标签。–每次原创 2021-01-17 10:18:34 · 7921 阅读 · 4 评论
分享