![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 93
芋泥丶
Per aspera ad astra
展开
-
想要更加方便完成DOM操作,事件处理,动画设计吗?我带来了一个小伙伴——jQuery
jQuery是一个快速简洁的JavaScript库jQuery封装了JavaScript常用的功能代码,优化了DOM操作,事件处理。动画设计和Ajax交互优点官网地址 :http://jquery.com/DOM加载完毕再去执行js代码相当于原生js’中的DOMContentLoaded3. jQuery的顶级对象 $$是jQuery的别称$ 也是jQuery的顶级对象jQuery对象和DOM对象用原生js获取的对象就是DOM对象jQuery方法获取的元素就是jQuery对象原创 2022-07-20 15:35:24 · 193 阅读 · 1 评论 -
童年的回忆小游戏来了——贪吃蛇,快来自己动手写一个属于自己的小游戏吧
在我的记忆里,小时候经常趁父母不在家的时候,偷偷拿爷爷奶奶的手机玩贪吃蛇,推箱子等游戏,这是童年记忆里的游戏。现在我已经好久没有玩过这个游戏了,但是!!!马上就可以拥有一个独一无二是属于自己的贪吃蛇了,快来和博主一起动手设计这个简易的贪吃蛇游戏吧一个大盒子.bigBox宽高都为640px(可以跟随自己的想法设置)属性有宽20px、高20px属性宽20px、高20px、direction(蛇头的方向)right(初始方向)属性宽20px、高。...原创 2022-07-20 11:16:40 · 1535 阅读 · 1 评论 -
项目一:小米官网
这个项目是模仿小米官方网站而展开设计的,其目的是为了锻炼html+css+javascript综合知识的使用本项目需结合HTML+CSS+JS等技术进行开发的一个综合项目。原创 2022-07-19 21:12:15 · 541 阅读 · 1 评论 -
BOM浏览器对象模型(下篇)—— offset、client、scroll三大家族、插件及本地存储特性(案例:仿京东放大镜、模态框拖拽)
offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位常用属性offset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位的offsetWidth 包含padding+border+widthoffsetWidth 等属性是只读属性,只能获取不能赋值style 只能得到行内样式表中的样式值style.width 获得的是带有单位的字符串st原创 2022-07-19 17:15:08 · 312 阅读 · 1 评论 -
BOM浏览器对象模型(上篇)——概述、window对象常见事件、JS执行机制(5秒后关闭广告、倒计时案例、发送短信倒计时案例)
window对象给我们提供了一个location属性用于获取或设置窗体的url,并且可以用于解析url,因为这个属性返回的是一个对象,也称这个属性为location对象。原创 2022-07-19 16:09:35 · 132 阅读 · 1 评论 -
DOM对象(三) ——DOM总结和 事件高级、事件对象、DOM事件流、常用鼠标事件及常用键盘事件
文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理可扩展标记语言(html或者xhtml)的标准编程接口。W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。主要修改dom的元素属性,dom元素的内容、属性、表单的值等主要获取查询dom的元素主要针对自定义属性接下来我们来整理事件操作。特点方法监听注册方式特点该方法的三个参数方法监听注册方式事件流描述的是从页面中接受事件的顺序事件发生时会在元素节点之间按照特定原创 2022-07-14 15:26:50 · 568 阅读 · 1 评论 -
DOM对象(二)——排他思想、节点操作、换肤案例 , 下拉菜单,简单版发布留言及表格变色案例
如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己换肤案例案例分析:表格变色案例思路分析:自定义属性的操作获取属性值区别设置属性值网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删原创 2022-07-14 10:54:35 · 205 阅读 · 1 评论 -
DOM对象(一)——DOM对象介绍、获取元素、事件和样式操作(包括案例:仿京东显示密码 点击关闭二维码等)
## 常见的鼠标事件 |鼠标事件| 触发条件 ||--|--|| onclick | 鼠标点击左键触发 || onmouseover |鼠标经过触发 || onmouseout | 鼠标离开触发 || onfocus |获得鼠标焦点触发 ||onblur |失去鼠标焦点触发 ||onmousemove | 鼠标移动触发 ||onmouseup | 鼠标弹起触发 ||onmousedown |鼠标按下触发 |...原创 2022-07-14 10:02:46 · 1062 阅读 · 1 评论 -
JavaScript函数和对象——创建函数,对象以及JavaScript的内置对象
函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum函数声明有两种方式自定义函数方式(命名函数)利用函数关键字 function 自定义函数方式因为有名字,所以也被称为命名函数调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面函数表达式方式(匿名函数)利用函数表达式方式的写法如下:因为函数没有名字,所原创 2022-07-13 21:28:14 · 358 阅读 · 1 评论 -
JavaScript基础语法——继续深入了解js吧(变量、数据类型、循环)
在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解:流程控制就是来控制代码按照一定结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三种代码执行的顺序。...原创 2022-07-05 15:40:43 · 201 阅读 · 2 评论 -
JavaScript初篇——带你走进js的世界
JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程...原创 2022-07-05 11:50:26 · 314 阅读 · 2 评论