
JS
文章平均质量分 78
JS的基础学习笔记,记录下来,方便以后翻阅
狗狗狗狗狗乐啊
万花凋落尽,壹梅独傲霜
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery学习笔记(一)——jQuery入门
什么是jQueryjQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;原创 2022-03-01 10:40:47 · 326 阅读 · 1 评论 -
JS常用方法模板(更新中)
因为条目比较乱,所以就先不整理目录了,有需要可以Ctrl+F。原创 2021-08-20 18:34:02 · 811 阅读 · 0 评论 -
如何复制网页禁止复制的内容
可能每次到了期末写报告的时候,都需要到网上参(摘)考(抄)一些资料,但是经常会出现下面的情况。那遇到这种情况怎么办呢?有以下几种方法:一、禁用网页JS以复制文本复制之前可以想一下,究竟是什么技术,让我不能实现复制功能呢?不管大佬JS写的多好,写的多么严谨,只要禁用了JS,就啥也不灵了。这里举一个谷歌浏览器禁用JS的例子,其他浏览器可以自行百度。点击浏览器右上角的三个点——选择“更多工具”——选择“开发者工具”——点击这个小齿轮滚动条拉到最低端——勾选“Disable JavaScript原创 2020-07-14 17:05:32 · 2034 阅读 · 0 评论 -
JS随手记——图片验证码
参考原帖:HTML+js图片验证码编写目标需求实现图片验证码的生成以及对输入文本和图片验证码的文本进行对比判断。分析通过生成随机数来取字母数字数组的项,再通过添加线和点模仿打乱的效果,通过随机数赋予RGB生成随机颜色。具体实现HTML部分代码分别为输入框,图形容器,和提示框。 <input type="text" placeholder="请输入验证码(区分大小写)" i...原创 2020-04-30 17:25:35 · 513 阅读 · 0 评论 -
JS随手记——商城购物车的分析与实现
目标需求实现网上商城的购物车功能,将物品添加到购物车,并能一直保持商品在购物车内的状态。分析首先,页面传值和数组存储信息怕是不行了,则例我们选择使用cookie来实现,毕竟大佬如是说:JS实现Cookie的设置与读取可以参考一下我的上篇文章:JS随手记——Cookie的设置与读取。具体实现购物车功能,首先肯定就是添加到购物车了,添加事件如下: function addbuyca...原创 2020-04-27 19:24:55 · 904 阅读 · 2 评论 -
JS随手记——Cookie的设置与读取
话不多说,直接上代码。设置 function setCookie(name, value) { if (value) { var Days = 365; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie ...原创 2020-04-27 16:01:00 · 432 阅读 · 2 评论 -
JS随手记——跨页面传值
目标需求:实现将上一个页面的值传入下一个页面中。分析:通过修改外链JS的全局变量无法达到效果,在上个页面修改后,加载到新的页面数据却重置了,百度说可以JS再外链JS,试了也不好使(极大可能是方法没用对),所以本篇讲的是通过在url后加值来达到传输的效果。具体实现:首先,跨页面传值肯定是页面跳转时传输值,将a标签的href后加“?”后加数值。当然,?这玩意本来应该不是这么用的,只是这里这样...原创 2020-04-27 12:04:15 · 2985 阅读 · 2 评论 -
JS随手记——复选框的全选、全不选与反选
目标需求:按钮点击实现复选框的全选、全不选与反选分析:获取到复选框数组后,循环对复选框的选择状态赋值,全选赋true值,全不选赋false值,反选赋其相反值页面大致如下:页面部分代码如下: <input type="checkbox" name="likes" value="篮球">篮球<br /> <input type="checkbox" nam...原创 2020-04-20 16:14:15 · 642 阅读 · 5 评论 -
JS随手记——点击切换背景图片,再次点击恢复原图片
目标需求:点击前收藏的心形是空心的,点击后变成实心的小红心,再次点击后小红心变回空心分析:通过两幅图片的来回切换实现空心和实心方法如下: function imgchange(img){ img.src = img.src.match('no') ? 'img/yes.png':'img/no.png'; }点击事件传入this,判断...原创 2020-04-20 15:54:38 · 1187 阅读 · 0 评论 -
JS中=>是什么意思?箭头函数是什么?
概述JS中=>是箭头函数,是ES6标准中新增的一种新的函数。箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。基础语法(param1, param2, …, paramN) => { statements }(param1, param...原创 2020-04-05 18:13:40 · 20933 阅读 · 5 评论 -
JS随手记——三目表达式
表达式Q ? A : B在 Q 求值为 TRUE 时的值为 A ,在 Q 求值为 FALSE 时的值为 B 。例如下面判断奇数偶数的例子: var numbuer = 5 ; if(numbuer%2!=0){ document.write("该数为奇数"); } else{ document.write("该数为偶数"); }改写为三元表达式时...原创 2020-04-05 16:59:52 · 1283 阅读 · 0 评论