js学习
文章平均质量分 65
Tea-pd
日子是挺苦的,但更苦的在后面(互关互关)
展开
-
javascript初级动态效果之使用原生js实现轮播图效果
JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下:实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次。接着滚动开始,当滚动条...JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考,具体如下:实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次。接着滚动开始,当滚动条...JS实现的N多简单无缝滚动代码(包含图文效果)本文实例讲述了JS实现原创 2022-09-01 22:35:07 · 1230 阅读 · 12 评论 -
javascript 初阶内容之正则表达式的讲解以及案例
正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分符合规则的内容 创建正则对象 通过new关键字来声明一个正则对象 第一个参数:正则的主体, 字符串 第二个参数 :修饰符 字符串 i 不...正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分符合规则的内容 创建正则对象 通过new关键字来声明一个正则对象 第一个参数:正则的主体, 字符串 第二个参数 :修饰符 字符串 i 不...正则表达式概念 1. 用来验证字符串是否符合规则 2. 从字符串中获取一部分原创 2022-09-01 22:15:43 · 333 阅读 · 19 评论 -
javascript内置对象篇——Math对象基础讲解知识附案例
Math对象 1.引入 我们上一次课学习了Date对象,同时也带着大家写了一个有关于Date的应用实例:日历,那么接下来我们一起来学习一个新的对象:Math对象。 2.Math对象概述 Math 是一个内置对象,它拥有一些数学常数...Math对象 1.引入 我们上一次课学习了Date对象,同时也带着大家写了一个有关于Date的应用实例:日历,那么接下来我们一起来学习一个新的对象:Math对象。 2.Math对象概述 Math 是一个内置对象,它拥有一些数学常数...Math对象 1.引入 我们上一次课学习原创 2022-08-29 16:18:22 · 259 阅读 · 5 评论 -
JavaScript排他思想小例子之按钮的点击效果
排他思想(算法) 给一组相同的元素添加相同的事件,利用for循环来实现。 代码验证 按钮1 按钮2 按钮3 ...排他思想(算法) 给一组相同的元素添加相同的事件,利用for循环来实现。 代码验证 按钮1 按钮2 按钮3 ...排他思想(算法) 给一组相同的元素添加相同的事件原创 2022-08-22 19:08:14 · 1333 阅读 · 19 评论 -
javascript随机猜数字,每次结果不一样
本博文源于js基础,旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止。实现原理 先用Math.random生成一本博文源于js基础,旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止。实现原理 先用Math.random生成一本博文源于js基础,旨在讨论如何实现猜随机数的小游戏。题目重现 随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止。实现原理原创 2022-08-18 19:21:20 · 988 阅读 · 5 评论 -
JAVASCRIPT之函数-输入秒J数转换成时分秒的一个小效果
转换为时分秒的公式: 例如,用户输入的是2300秒,那么就创建一个变量接收用户输入的2300秒,然后用公式转换为所需的时分秒即可。// 用户输入任意秒数, 函数计算该毫秒数js 实现时分秒的转换 一、题目: 用代码实现: 输入一个数字作为秒数,在页面按小时、分钟、秒的格式输出(如输入600,页面显示:0小时10分0秒) 二、解题思路: 1.首先要清楚js 实现时分秒的转换 一、题目: 用代码实现: 输入一个数字作为秒数,在页面按小时、分钟、秒的格式输出(如输入600,页面显示:0小时10分0秒) 二、解题思原创 2022-08-16 00:45:00 · 1309 阅读 · 21 评论 -
JavaScriput中数组去重方法之indexof()
indexOf() 方法可返回数组中某个指定的元素位置。 该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item ...indexOf() 方法可返回数组中某个指定的元素位置。 该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item ...indexOf() 方法可返回数原创 2022-08-12 16:40:31 · 454 阅读 · 13 评论 -
在JavaScript中数字的冒泡排序的讲解
、什么是冒泡排序? 冒泡排序的英文Bubble Sort,是一种最基础的交换排序。之所以叫做冒泡排序,因为每一个元素都可以像小气泡一样,根据自身大小一点一点向数组的一侧移动。 冒泡排序的原理: 每一趟只能确定将、什么是冒泡排序? 冒泡排序的英文Bubble Sort,是一种最基础的交换排序。之所以叫做冒泡排序,因为每一个元素都可以像小气泡一样,根据自身大小一点一点向数组的一侧移动。 冒泡排序的原理: 每一趟只能确定将、什么是冒泡排序? 冒泡排序的英文Bubble Sort,是一种最基础的交换排序。之所以叫做原创 2022-08-11 11:23:03 · 524 阅读 · 7 评论 -
JavaScript中for循环小练习之水仙花数
什么是水仙花数 水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身。(例如:1^3 + 5^3 + 3^3 = 153)。 算法分析 1.水仙花数是一个三位数,所以它的取值范围是100 ~ 999,所以我们需要循环遍历10水仙花数问题描述3位水仙花输出100-999之内的所有水仙花三位及以上水仙花 问题描述 水仙花数是指一个3位数,它的每个位上的数字的3次幂之和等于它本身,例如:13+53+3^3=153。 3位水仙花 代码 import java.util....5.2万+0...啊飒原创 2022-08-10 19:12:26 · 1887 阅读 · 19 评论 -
javaScript的for循环语句练习之解决鸡兔同笼问题(基础版)
JavaScript的for循环语句练习之鸡兔同笼上一篇文章我们说到了JavaScript中的for循环语句,今天我们来说一下for循环的有关练习,来加强一下对for循环的使用,因为for循环在后面整个的JavaScript中都很重要,比如说tab...JavaScript的for循环语句练习之鸡兔同笼上一篇文章我们说到了JavaScript中的for循环语句,今天我们来说一下for循环的有关练习,来加强一下对for循环的使用,因为for循环在后面整个的JavaScript中都很重要,比如说tab.....原创 2022-08-09 09:52:33 · 2888 阅读 · 9 评论 -
Javascriput中数组的创建以及最值的求法
var arr=[1,231,33,33,9999,9999,9339,1011]; 求数组中的最大值 总结总结了6个方法,排序的就选了个冒泡排序为代表 1 Array.prototype.getMax1=function(){ 2 return this.sort(function(a,b){ 3 return a-b 4 })[this...var arr=[1,231,33,33,9999,9999,9339,1011]; 求数组中的最大值 总结总结了6个方法,排序的就选了个冒泡排序为代表 1 Arr原创 2022-08-08 11:01:48 · 307 阅读 · 12 评论 -
在JavaScript中利用代码来实现ATM的效果,具有存钱,取钱,查看余额,退出功能
模拟简易的ATM机,模拟银行取钱存钱。 题目描述有四个功能: 存钱 取钱 显示余额 退出 注意: 默认里面本身有100块钱。 如果存钱,就用输入的钱数加上先前的钱,然后弹出余额。 如果取钱,就减去取的钱,然后.... 查询 2. 取钱 3. 存钱 4. 转账 5. 修改密码 6. 返回上一级')-0; switch(num) { case1: getMoney();//查询 break; case2: takeMoney();//取钱 break......原创 2022-08-02 03:15:00 · 1399 阅读 · 5 评论 -
在JavaScript中实现用户输入一个个位数字,自动帮其补两个0,2位补一个,三位不补
本章节介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:function returnFloat(value){var value=Math.round(parseFloat...本章节介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:function returnFloat(value){var value=Math.round(parseFl原创 2022-08-01 22:05:05 · 1450 阅读 · 6 评论 -
javascript中continue关键字和break关键字的区别
.continue 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代。. 2.continue 与 break 语句的区别是, break 是结束整个循环体,continue是结束单次循环。. 3.但.continue 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代。. 2.continue 与 break 语句的区别是, break 是结束整个循环体,continue是结束单次循环。. 3.但......原创 2022-07-31 20:34:57 · 710 阅读 · 3 评论 -
利用javascript编写用户输入两个数,计算两个数字之间所以数字的和
JavaScript求两个数字之间所有数字的和 这是在fcc上的中级算法中的第一题,拉出来的原因并不是因为有什么好说的,而是我刚看时以为是求两个数字的和, ..利用javascript编写用户输入两个数,计算两个数字之间所以数字的和,JavaScript求两个数字之间所有数字的和 0 2017-01-07 00:00:05 这是在fcc上的中级算法中的第一题,拉出来的原因并不是因为有什么好说的,而是我刚看时以为是求两个数字的和, ..利用javascript编写用户输入两个数,计算两个数字之间所以数字的和原创 2022-07-30 22:57:02 · 8871 阅读 · 13 评论 -
用javascript来实现计算用户输入用电量,自动计算出电费多少,分三档计费
某电价规定:月用电量在150千瓦时及以下部分按每千瓦时0.4463元收费,月用电量在151~400千瓦时的部分按每千瓦时0.4663元收费,月用电量在401千瓦时及以上部分按每千瓦时0.5663元收费。 请编写一个程序,根据输入的月用电量(单位以千瓦时计),按该电价规定计算某电价规定:月用电量在150千瓦时及以下部分按每千瓦时0.4463元收费,月用电量在151~400千瓦时的部分按每千瓦时0.4663元收费,月用电量在401千瓦时及以上部分按每千瓦时0.5663元收费。 请编写一个程序,根据输入的月用电量原创 2022-07-29 11:52:10 · 1539 阅读 · 16 评论 -
通过js来实现一元二次方程的效果,输入a,b,c系数后可计算出x1和x2的值
通过JSP求解一元二次方程的解 文章目录通过JSP求解一元二次方程的解一、问题描述二、具体实现1.代码2.程序结构图 一、问题描述 通过创建JSP表单和服务器来接收和计算传入 在线一元二次方程计算器实例求方程的根,用三个函数分别求当b^2-4ac大于0、等于0、和小于0时的根,并输出结果。从主函数输入a、b、c的值。一般式:ax²+bx+c=0(a≠0) 其中a是二次项系数,b是一求方程的根,用三个函数分别求当b^2-4ac大于0、等于0、和小于0时的根,并输出结果。从主函数输入a、b、c的值。一般式:ax原创 2022-07-28 20:26:41 · 2516 阅读 · 19 评论 -
Javascript中for循环基础练习题弹出输入框接收班级人数,根据人数接收分数,计算班级平均数与总分数
弹出输入框输入总的班级人数 (num)// 依次输入学生的成绩( 保存起来 score), 此时我们需要用到// for 循环, 弹出的次数跟班级总人数有关系 条件表达式 i原创 2022-07-27 19:22:34 · 1150 阅读 · 0 评论 -
Javascript中简单数据类型的转换
js中的布尔类型转换 在js中经常会遇到其他类型的值转换为布尔类型的情况,总的来说js中的值可以分为以下两类 : (1) 可以被强制类型转换为 false 的值 (2) 其他(被强制类型转换为 true 的值) (1) 可以被强制类型转换为 false ...js中的布尔类型转换 在js中经常会遇到其他类型的值转换为布尔类型的情况,总的来说js中的值可以分为以下两类 : (1) 可以被强制类型转换为 false 的值 (2) 其他(被强制类型转换为 true 的值) (1) 可以被强制类型转换为 false原创 2022-07-26 18:02:05 · 761 阅读 · 7 评论 -
javascript的数据类型的简单介绍
JavaScript中的数据类型 数据类型指的就是字面量的类型,JavaScript一共有六种数据类型: String字符串 Number数值 Boolean布尔值 Null空值 Undefined未定义 Object对象 其中...数据类型 数据是有类型 在JS(ES5),数据分为两大类: 基本数据类型5类:Number、String、Boolean、Undefined、Null 复杂数据类型:Object、Array、Function 1.基本(简单)数据类型 ......原创 2022-07-15 17:45:05 · 282 阅读 · 3 评论 -
通过Javascript实现点击链接出现登录框,并可以拖拽关闭的效果
Javascript实现登录框拖拽效果 本文实例为大家分享了Javascript实现登录框拖拽效果的具体代码,供大家参考,具体内容如下 需求分析 1、点击弹出登录框 2、在登录框的特定区域可用JS实现点击登录后弹出登录框,点击页面后登录框消失的效果实现效果理论基础1.事件冒泡2.举例说明取消冒泡事件执行太快无法显示时需要取消冒泡 一个小小的拖拽登录框,涉及的地方还挺多的。主要在于: 元素的正确获取 把一个大的程序,分步骤来做,一个一个完成 对于拖拽效果,我只需要摁住title框,也就是mousedown..原创 2022-07-14 21:20:21 · 1263 阅读 · 19 评论 -
使用JavaScript的效果实现输入相关信息计算票价的效果
门票计算门票实行的是淡季票价和旺季票价。年龄的限制有没有成年,票价为100元和50,甚至免票。1.2米一下的儿童免票。1.2米以上又分为2个区间,以及购买座位的座位的种类不同也影响着价格原创 2022-07-10 22:29:14 · 1099 阅读 · 21 评论 -
html设置基础样式,使用js动效做到刷积分的的效果(显示当前时间)
制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: ...原创 2022-07-06 01:15:00 · 452 阅读 · 1 评论 -
html 隐藏广告代码,Javascript实现关闭广告实现删除广告的效果
在网页中经常会出现广告,如下图1,点击×就可以实现将广告给删除,如图2 此问题有多种解法,此处将在JS中实现此操作 1. 删除操作在×这个图片上实现的,所以在×这个地方安插点击事件 2. 当点击×之后当前的广告就会消失,则广告这个盒子 …...原创 2022-07-05 08:30:00 · 3032 阅读 · 48 评论 -
通过使用简单的JavaScript的效果实现点击图片背景图片更换的效果
本文实例为大家分享了JavaScript实现更换背景图片的具体代码,供大家参考,具体内容如下主要通过Js控制行内样式,达到更换背景图片的目的原创 2022-07-04 21:22:02 · 3033 阅读 · 3 评论 -
通过使用简单的JavaScript的效果实现密码输入框显示与隐藏的效果
通过使用简单的JavaScript的效果实现密码输入框显示与隐藏的效果原创 2022-07-03 15:31:11 · 3785 阅读 · 2 评论 -
通过使用简单的JavaScript的效果实现浏览器分时提醒的效果
本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考,具体如下:本效果实现在网页的标题栏最前端显示当前的时,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果...原创 2022-07-03 09:12:25 · 874 阅读 · 5 评论