
JavaScript
文章平均质量分 86
无
我爱布朗熊
目前是个学生,仍然在学习阶段
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
6.4 JavaScript Apis - 日期对象、DOM节点
关闭按钮和erweima是父子关系,所以我们完全可以点击关闭按钮,直接关闭它的父级,就无需获取erweima元素了。删除节点和隐藏节点(display:none)有区别:隐藏节点还是存在的,但是删除,则从html中删除节点。如果不是下载的代码的方式,我们直接点击右上角“在新窗口打开”即可,然后点击右键,“查看网页源代码”如下图所示,关闭二维码的案例,点击关闭按钮,关闭的是二维码的盒子,还要获取erweima盒子。创建节点,即创造出一个新的网页元素,再添加到网页内,一般先创建节点,然后插入节点。原创 2024-12-12 17:25:33 · 1068 阅读 · 0 评论 -
6.2 JavaScript Apis - 事件流
事件冒泡有一个非常好的用途,就是事件委托,事件委托其实是一种技巧事件委托是利用事件流的特征解决一些开发需求的知识技巧优点:减少注册次数,提高程序性能原理:事件委托其实是利用事件冒泡的特点给父元素注册事件,当我们触发子元素的时候,会冒泡到父元素身上,从而触发父元素的事件如果同时给多个元素注册事件,我们之前使用的是for循环注册事件,那有没有一种技巧注册一次事件就能完成以上效果呢?我们点击的li,但是li上没有真正的点击事件,此时会事件冒泡到父级元素ul上,ul上会有点击事件原创 2024-12-12 17:23:07 · 669 阅读 · 0 评论 -
6.1 JavaScript Apis - 定时器、事件监听、鼠标事件、键盘事件
console.log("间歇函数执行了")},1000)原创 2024-12-12 17:21:39 · 796 阅读 · 0 评论 -
5.2 JavaScript 案例 - 轮播图
利用随机数字,让小圆点添加高亮的类(addClass),这里利用CSS结构伪类选择器。目前还不是一个很完整的轮播图,不能点击小圆点、不能前后左右翻页,后面会慢慢的完善。随机选择一个数字,选出数组对应的对象,更换图片,底部盒子背景颜色及文字内容。激活小圆点,移除上一个高亮的类名,当前变量对应的小圆点添加类。处理图片自动复原从头播放(放到变量++后面,紧挨)准备一个数组对象,里面包含详情信息(素材包含)如果图片播放到最后一张,就是大于等于数组的长度。这里的ul-li,就是里面的底部模块的小点。原创 2024-12-12 17:20:15 · 416 阅读 · 0 评论 -
5.1 JavaScript Apis - const、DOM元素
<script></script>原创 2024-12-12 15:40:52 · 865 阅读 · 0 评论 -
4. JavaScript - 对象
console其实就是 JavaScript 中内置的对象,该对象中存在一个方法叫 log,然后调用 log 这个方法,即 console.log()通过new关键字创建的对象(系统对象、自定义对象),如Object、Array、Date等。声明对象,并添加了若干属性后,可以使用“.”获得对象中属性对应的值,我称之为属性访问。也可以动态为对象添加属性,动态添加与直接定义是一样的,只是语法上更灵活。数据行为性的信息称为方法,如跑步、唱歌等,一般是动词性的,其本质是函数。对象里面是无序的键值对,没有规律。原创 2024-12-12 15:38:35 · 984 阅读 · 0 评论 -
3. JavaScript - 函数
函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。声明函数调用函数声明的函数必须调用才会真正被执行1.2 函数传参通过向函数传递参数,可以让函数更加灵活多变,参数可以理解成是一个变量声明(定义)一个功能为打招呼的函数总结:形参与实参:形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)形参可以理解为是在这个函数内声明的变量(比如 num1 = 10原创 2024-12-12 15:37:25 · 676 阅读 · 0 评论 -
2.JavaScript基础 - 运算符、if语句、switch语句、while语句、for语句
通过 "[] "定义数组,数据中可以存放真正的数据,如小明、小刚、小红等这些都是数组中的数据,我们这些数据称为数组单元,数组单元之间使用英文逗号分隔。使用以上方法时,都是直接在原数组上进行操作,即成功调任何一个方法,原数组都跟着发生相应的改变。字符串比较的时候,是比较的字符对应的ASCII码,从左往右依次比较,如果第一位一样再比较第二位,以此例推。使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句的功能相同。😉 也可以来构造“无限”循环,同样需要使用break退出循环。原创 2024-12-12 15:36:27 · 659 阅读 · 0 评论 -
1.JavaScript基础 - 变量、常量、数据类型
JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果JavaScript的 |MDN的 (mozilla.org)HTML和CSS是标记语言可以实现网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)JS整体分成两大类ECMAScriptJavaScript语言基础或者说是基本语法,规定了js基础语法核心知识比如:变量、分支语句、循环语句、对象等等。原创 2024-12-12 10:01:33 · 1332 阅读 · 0 评论 -
JavaScript--DOM模型(文档对象模型)、正则表达式
Document对象的理解第一点Document它管理了所有的HTML文档内容第二点Document它是一种树结构的文档,有层级关系第三点它让我们把所有的标签都对象化第四点我们可以通过document访问所有的标签对象Document对象中方法的介绍document对象的三个查询方法,如果有id属性,优先使用getElementById方法进行查询如果没有id属性,则优先使用getElementsByName方法进行查询。...原创 2022-07-27 22:32:06 · 548 阅读 · 0 评论 -
JavaScript----事件(基础事件详细)
代码】JavaScript----事件(基础事件详细)原创 2022-07-26 21:33:40 · 361 阅读 · 0 评论 -
JavaScript--变量、关系运算、逻辑运算、数组、函数、自定义对象
httpshttpshttpshttpshttpshttps。原创 2022-07-25 21:58:46 · 368 阅读 · 0 评论 -
JavaScript----与HTML的结合方式
代码】JavaScript----与HTML的结合方式。原创 2022-07-24 22:06:39 · 278 阅读 · 0 评论