![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 81
Root_src
简单的事情重复做
展开
-
JS学习之BOM移动端常见网页特效
移动端常见网页特效 不用考虑兼容性 触屏事件 结合PC端才发现移动端很简单,大学生期末考试去死吧该死!!原创 2022-06-07 22:22:13 · 548 阅读 · 0 评论 -
JS学习之BOM | 常见网页特效 | 轮播图 | 返回顶部 | 筋斗云案例
轮播图和筋斗云、返回顶部等案例,animate、多次重复的函数封装起来,让整个代码看起来简洁明了原创 2022-06-04 23:33:25 · 321 阅读 · 0 评论 -
JS学习之动画函数的封装
摘要变成了必填项,我只想睡一个好觉傻逼室友别再bb讲话了原创 2022-05-31 22:51:33 · 263 阅读 · 0 评论 -
JS学习之BOM | client | scroll
offset确定元素位置 client元素距离 scroll元素滚动原创 2022-05-31 22:36:46 · 121 阅读 · 0 评论 -
JS学习之PC端网页特效 | 位偏移offset 1
PC端网页特效元素偏移量 offset 系列offset概述offset翻译过来就是偏移量,使用offset系列相关属性可以动态的得到该属性元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 offset系列常用属性:offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素如果父级都没有定位则返回body element.off原创 2022-05-29 22:32:58 · 298 阅读 · 0 评论 -
JS学习之BOM3
放暑假倒计时,我可太想回家了寝室特别潮湿很多衣服都臭掉啦呜呜呜,回家睡在粉色小床别提多舒坦history对象window对象给我们提供了history对象,与浏览器历史记录进行交互,该对象包含用户(在浏览器窗口中)访问过的URLhistory对象方法 作用 back() 可以后退功能 forward() 前进功能 go(参数) 前进后退功能 参数如果是1 前进1个页面 如果是-1 后退1个页面 list.html 和index.html两者方法..原创 2022-05-29 22:19:59 · 128 阅读 · 0 评论 -
JS学习之BOM2
期末去死小组作业都去死,为什么不能单人视频为什么?停止setInterval()定时器window.clearInterval(intervalID);clearInterval() 方法取消了先前通过调用setInterval() 建立的定时器注意: window可以省略 里面的参数就是定时器的标识符 案例:发送短信点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信 按钮点击之后,会禁用disable为true 同时.原创 2022-05-26 22:55:45 · 139 阅读 · 0 评论 -
JS学习之BOM1
BOM浏览器对象模型BOM概述BOM即浏览器对象模型,它提供了独立于内容与浏览器窗口进行交互的对象,其核心对象时window口述:学习一个浏览器中如何给转到前一个或后一个页面,如何刷新等BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,JS语法的标准化组织是ECMA DOM的标准化组织是W3C BOM最初是Netscape浏览器标准的一部分BOM的构成bom比dom大 它更包含DOMwindow对象时浏览器的顶级对象,..原创 2022-05-24 23:10:30 · 161 阅读 · 0 评论 -
JS学习之DOM高级事件
事件高级注册事件(绑定事件)注册事件概述给元素添加事件,称为注册事件或绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式 利用on开头的时间onclick <button onclick="alert(hi~)"></button> btn.onclick = function() {} 特点:注册时间的唯一性 同一个元素同一个事件只能设置一个处理函数、最后注册的处理函数将会覆盖前面注册的处理函数原创 2022-05-23 22:09:12 · 502 阅读 · 2 评论 -
JS学习之DOM节点操作2
删除节点node.removeChild(child);node.removeChild(child) 方法从DOM中删除一个子节点,返回删除的节点案例:删除留言案例分析: 把文本与里面的值赋值给li 时候,多添加一个删除链接 需要把所有链接都获取过来,点击当前的链接时候,删除当前链接所在li 阻止链接跳转需要添加javaScript(0); 或者 javaScript:; 给li添加a链接 直接 + 即可复制节点(克隆节点)node.clo原创 2022-05-21 20:41:37 · 992 阅读 · 0 评论 -
JS之DOM节点操作1
节点操作为什么学节点操作:获取元素通常使用两种方法1.利用DOM提供的方法获取元素 document.getElementById() document.getElelementsByTagName() document.querySlector 等 逻辑性不强,操作繁琐 2.利用节点层级关系获取元素 利用父子兄节点关系获取元素 例如获取li只要 得到ul的children即可 逻辑性强,但兼容性稍微差 这两种方法都可以获取元素节点,后原创 2022-05-19 00:04:53 · 279 阅读 · 0 评论 -
JS之DOM操作元素2
开始有点难度了当pink老师提前布置了新浪下拉菜单后,发现自己没有好好复习和预习,知识点还没到融会贯通的状态,很难想到会用什么方法写排他思想如果有同一组元素,想要某一个元素实现某种样式,需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己) 注意顺序不能颠倒(程序是从上往下),首先干掉其他人,再留下自己 案例:百度换肤分析: 这个案例练习的是给一组元素注册事件 给4个小图片利用循环注册点击事件原创 2022-05-18 23:45:23 · 121 阅读 · 0 评论 -
JS学习之DOM操作元素
显然JS学习没有HTML节奏快,感觉知识点还要琐碎难记,但是只要花时间努力攻克难关就能跟上老师的脚步,不能轻易放弃常用元素的属性操作 innerText.innerHTML改变元素内容 scr href id alt title 只要是元素.属性值 就能改变属性案例:分时显示不同图片,显示不同问候语根据不同时间,页面显示不同图片,同时显示不同的问候语如果上午时间打开页面,显示上午好,显示上午的图片如果下午时间打开页面,显示下午好,显示下午的图片如原创 2022-05-16 22:34:29 · 394 阅读 · 0 评论 -
JS学习之DOM
DOM什么是DOM?文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML或者XML) 标准编程接口W3C已经定义一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式获取元素如何获取页面元素DOM在我们实际开发中主要用来操作元素。 我们如何来获取页面中的元素呢? 获取页面中的元素可以使用以下几种方式 根据ID获取 根据标签名获取 通过HTML5新增的方法获取 特殊元素获取 根据ID获取使用getElementB原创 2022-05-14 23:13:07 · 167 阅读 · 0 评论 -
JS学习之API
都是理论知识,佛系记忆把。。Web APIs 和 JS基础关联性JS基础阶段以及Web APIs阶段JS基础阶段 我们学习的是ECMAScript 标准规定的基本语法 要求掌握JS基础语法 只学习基本语法,做不了常用的网页交互效果 目的是为了JS后面的课程打基础,做铺垫 JS基础需要通过APIs才能实现网页交互效果Web APLs阶段 Web APIs 是W3C组织的标准 Web APIs 主要学习DOM 和 BOM原创 2022-05-14 22:51:41 · 274 阅读 · 0 评论 -
JS学习对象2
数组对象创建数组对象的两种方式 字面量方式 new Array() 检测是否为数组添加或删除数组元素的方法方法名 说明 返回值 push(参数1....) 末尾添加一个或多个元素,注意修改原数组 并返回新的长度 pop() 删除数组最后一个元素,把数组长度减1无参数、修改原数组 返回它删除的元素的值 unshift(参数1..) 向数组的开头添加一个或更多元素,注意修改原数组 并返回新的长度 shi.原创 2022-05-13 22:15:10 · 149 阅读 · 0 评论 -
JS学习之内置对象
内置对象是什么? js中对象分为三种:自定义对象、内置对象、浏览器对象 前面两种对象时JS基础,属于ECMAScript;第三个浏览器对象属于JS独有 内置对象就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用或最基本而必须使用的(属性和方法) 内置对象最大的优点就是帮助我们快速开发 JS提供了多个内置对象:math、date、array、string等 查文档学习一个内置对象的使用,是要学会其常用的使用即可,可以通过查文档学习,可以原创 2022-05-11 21:48:24 · 1371 阅读 · 0 评论 -
JS学习之对象
教资上半年取消面试呵呵真不负责上午还出了考场准考证,晚上就取消面试心里默念:cnmcnmcnm。嗯还行吧就复习了九天的教资对象什么是对象?现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。例如:明星 周星驰(星爷)女朋友 迪丽热巴 班主任 咱们班班主任苹果 这个苹果 手机 pink老师的小米手机 游戏 刺激战场在JS中,对象是一组无序的相关属性和方法的集原创 2022-05-10 16:20:18 · 130 阅读 · 0 评论 -
JS学习之作用域
概述:通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突变量的作用域变量作用域的分类在JS中,根据作用域的不同,变量可以分为两种: 全局变量 在全局作用域下声明的变量叫做全局变量(在函数外部定义的变量) 全局变量在代码的任何位置都可以使用 在全局作用域下var 声明的变量也是全局变量(不建议使用) ..原创 2022-05-01 22:56:49 · 140 阅读 · 0 评论 -
JS学习之函数2
arguments 的使用当我们不确定有多个参数传递的时候,可以用arguments来获取,在js中argument实际上它是当前函数的一个内置对象,若有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参arguments展示形式是一个伪数组,因此可以进行遍历,伪数组具有一下特点: 具有length 特点 按索引方式储存数据 不具有数据的push pop等方法 有了arguments可以不用形参案例:利用函数求任意个数的最大值原创 2022-05-01 22:46:57 · 197 阅读 · 0 评论 -
JS学习之函数
以往的方法出现重复代码,很麻烦为什么需要函数?函数的概念:在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用虽然for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时可以使用JS中的函数函数:就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量的代码的重复使用函数的使用函数在使用时分为两步:声明函数和调用函数声明函数//声明函数function函数名() {//函数体代码} f.原创 2022-04-30 22:45:45 · 234 阅读 · 0 评论 -
JS学习之数组2
数组案例删除指定的数组元素要求:将数组[2,0,6,1,77,0,52,0,25,7]中的0去掉后,形成一个不包含0的新数组 需要一个新数组用于存放筛选之后的数据 遍历原来的数组,把不是0的数据添加到新数组里面(此时注意到数组名+索引的格式接受数据) 新数组里面的个数,用length不断累加 案例:翻转数组要求:将数组 ['red','green','blue','pink','purple']; 的内容反过来存放newArr.length是从无到有原创 2022-04-30 22:28:53 · 453 阅读 · 0 评论 -
JS学习之数组
数组概念:问:之前学习的变量,只能存储一个值,如果想存储班级中所有学生的姓名,那么该如何存储呢答:可以使用数组(Array) 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式什么是数组?答:数组是指一组数据的集合,其中的每一个数据被称作元素,在数组中可以存放任意类型的元素,数组是一种将一组数据存储在单个变量名下的优雅方式//普通变量一次只能存储一个值var num 10;//数组一次可以存储多个值var arr = {1,2,3,4,5};数组的创建原创 2022-04-28 21:06:00 · 1500 阅读 · 0 评论 -
for循环作业
犯错点非得是 += 不能是=+ 前后顺序不能反用户名和密码同时输入正确 时 才不会继续弹出 请再次输入否则要求用户先登录可利用逻辑或 ||如果是逻辑与 用户和密码都正确就会执行下一步,如果用户或者密码其中一个错误就false 不能进行while循环 直接跳到alert('登录成功')我刚开始想的个位数是3的 分别是 3、13、23、43、53... 除以3 余数都是 0 1 2但如果是这样的算法,那么任意带入一个 当i = 4时 也被跳过了i % .原创 2022-04-27 22:19:53 · 303 阅读 · 0 评论 -
JS学习之while、do..while循环
while循环while语句可以在条件表达式为真的额前提下,循环执行指定的一段代码,直到表达式不为真时结束循环while语句的语法结构如下:while (条件表达式) {//循环体代码}执行思路: 先执行条件表达式,如果结果为true 则执行循环体代码;如果为false则退出循环,执行后面代码 执行循环体代码 循环体代码执行完毕后,程序会就继续判断执行条件表达式,如条件仍未true 则会继续执行循环体,直到循环条件为false时,整个循环过程才会结束原创 2022-04-27 18:57:58 · 5767 阅读 · 0 评论 -
JS学习之for循环(重点)
循环的主要目的 在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 for循环在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件,由循环体及循环的终止条件组成的语句,被称之为循环语句语法结构:for(初始化变量; 条件表达式; 操作表达式) {//循环体}断电调试断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当原创 2022-04-26 22:27:38 · 1995 阅读 · 0 评论 -
JS学习之流程控制
流程控制在一个恒旭执行的过程中,各条代码的执行顺序对程序的结果是由直接影响的,很多时候我们要控制代码的执行顺序来实现我们要完成的功能简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序顺序结构的程序最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序、依次执行,程序中大多数的代码都是这样执行的分支结构由上到下执行代码的过程中,根据不同的条件,执行不同的路径代原创 2022-04-25 22:13:37 · 769 阅读 · 0 评论 -
JS学习之运算符
运算符运算符(operator)也被称为操作符,使用户实现赋值,比较和执行算数运算等功能的符号算数运算符概念:算术运算使用的符号,用于执行两个变量或值的算数运算+加 -减 *乘 /除 %取余数(取模) 返回除法的余数9%2=1符号前后加上空格键浮点数的精度问题浮点数的最高精度是17为小数,但是进行算数计算时其精确度远远不如整数不要直接判断两个浮点数是否相等如何判断一个数能够被整除? 它的余数是0 就说名这个数能被整除,这就是% 区域运算符的主要用途 1.原创 2022-04-23 20:34:06 · 128 阅读 · 0 评论 -
JS学习之数据类型
数据类型为什么有数据类型?在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义不同的数据类型简单来说了,数据类型就是数据的;类别型号。比如姓名“张三” ,年龄18 这些数据的类型是不一样的变量 数据类型变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确原创 2022-04-22 21:13:21 · 213 阅读 · 0 评论 -
JS学习之变量
变量白话:变量就是一个装东西的盒子通俗:用户存放数据的容器,我们通过变量名获取数据,甚至数据可以修改变量在内存中的存储本质:变量是程序在内存中申请的一块用来存放数据的空间类似我们酒店的房间,一个房间就可以看做一个变量变量的使用变量在使用是分两步:1.声明变量 2.赋值 声明变量: //声明变量var age; //声明一个名声为age的变量 var 是一个JS关键词,用来声明变量(variable 变量的意思),计算机会自动为变量分配内存空间,不需要程序猿原创 2022-04-21 20:31:35 · 368 阅读 · 0 评论 -
初始JavaScript学习
JavaScript 是什么 JavaScript是世界上最流行的语言之一是一种运行在客户端的脚本语言(Script是脚本的意思) 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 现在也可以基于Nodejs技术进行服务器端编程 1.3 JavaScript的作用表单动态校验(密码强度检测)(JS产生最初的目的) 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开发原创 2022-04-21 20:22:17 · 962 阅读 · 0 评论 -
预热JavaScript学习
编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程计算机:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写,所以人们要控制计算机一定要通过计算机语言向计算机发出命令注意上面所定义的计算机指的是任何能够执行代码的设备,可能是只能手机、ATM机、黑莓PI、服务器等等。计算机语言:计算机语言指用于人与计算机之间通讯的语言,他是人与计算机之间传递信息的媒介计算机语言的种类非常多,总的来说可以分成机器语言,汇编语言和高原创 2022-04-21 20:14:19 · 56 阅读 · 0 评论