welcome to my blog
顶部
Call Me
随笔:353 文章:0 评论:115 阅读: 202万

随笔分类 -  javascript

 
js获取对象属性值的2种方法
摘要:第一种:通过 . 的方式获取 这种方式很常用,简单易懂 第二种:通过 [ ] 的方式获取 注:用数组下标获取值的方式获取属性,记得要给属性加引号 参考 补充:如何获取对象的所有key或value 有需要的朋友可以领取支付宝到店红包,能省一点是一点 阅读全文
posted @ 2020-07-01 10:54 你不知道的巨蟹 阅读(27518) 评论(0) 推荐(0) 编辑
js获取input的2种方式
摘要:第一种:通过获取DOM来获得input值 获取DOM的四种方式 1. 通过id document.getElementById("element").value; 2. 通过class document.getElementsByClassName("element")[0].value; 3. 通 阅读全文
posted @ 2020-06-27 11:46 你不知道的巨蟹 阅读(15103) 评论(2) 推荐(2) 编辑
js无法识别电脑32位系统的改良解决方案(改良网上搜到的最多的那一段代码)
摘要:前言 最近遇到一个需求,用户点击按钮下载软件,需要识别用户系统为win32位, win64位或苹果电脑而分别下载对应系统版本,度娘上铺天盖地都是类似的代码 var agent = navigator.userAgent.toLowerCase(); var isMac = function() { 阅读全文
posted @ 2020-03-01 10:51 你不知道的巨蟹 阅读(484) 评论(0) 推荐(0) 编辑
你应该知道的classList属性
摘要:前言 说到jquery,大家一定不会陌生。现在让你对某个元素添加,删除一个或多个类以及切换效果,应该要怎么做呢? 想必大家一定信手拈来,一把梭,分别使用下面3个封装的方法即可 addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggl 阅读全文
posted @ 2019-12-27 11:29 你不知道的巨蟹 阅读(451) 评论(0) 推荐(0) 编辑
JS如何判断鼠标滚轮向上还是向下滚动
摘要:前几天偶然看到某前端群有人在问:JS如何判断鼠标滚轮向上还是向下滚动? 我想了想,有点蒙蔽,心想难道不是用scrollTop来判断吗? 但我不确定,也出于好奇心,于是开始了一番探索 思路:通过event对象里wheelDelta和detail值的正负来判断鼠标滚轮向上还是向下,示例代码如下 Demo 阅读全文
posted @ 2019-12-05 15:37 你不知道的巨蟹 阅读(5457) 评论(0) 推荐(0) 编辑
clientHeight—scrollHeight—offsetHeight三者的区别
摘要:clientHeight,scrollHeight,offsetHeight 这三个dom属性有时让人觉得相似但又不相似 以前对它们的理解也有一些模糊,现在总结一下,方便以后复习 clientHeight:可视区域高度,也可理解为设备屏幕一屏的高度(不包括滚动条和工具栏) scrollHeight: 阅读全文
posted @ 2019-11-06 17:08 你不知道的巨蟹 阅读(1150) 评论(0) 推荐(0) 编辑
onunload事件不触发的探索
摘要:如果现有一需求:浏览器页面关闭时弹出一个对话框,询问是否要退出,应该怎么做呢? 可用onunload事件来实现,该事件会在刷新和关闭页面时执行 我用如下3种方法绑定该事件,但所有主流浏览器都无法在关闭页面时执行该事件 <body onunload="alert('确定离开吗?')"> <script 阅读全文
posted @ 2019-10-30 15:28 你不知道的巨蟹 阅读(3642) 评论(0) 推荐(0) 编辑
decodeURIComponent 解码函数
摘要:想象一个场景,你朋友发一个链接让你打开,但链接是下面其中之一,你会不会想锤死他 1. \u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0062\u0069\u006c\u0069\u0062\u0069\u006c\u0069\u002e\u0063\u006 阅读全文
posted @ 2019-09-26 19:45 你不知道的巨蟹 阅读(3763) 评论(0) 推荐(1) 编辑
var和let区别简述
摘要:因为习惯用var声明变量,以至于ES6出了let来替代var,我依然继续用var,直到后来慢慢了解let之后,开始尝试使用 不同点: ①:var属于ES5规范,let属于ES6规范 ②:var有预处理机制,let没有。预处理机制也就是常说的声明提前 声明提前:不管变量被声明在函数什么位置,所有变量声 阅读全文
posted @ 2019-08-30 16:38 你不知道的巨蟹 阅读(15559) 评论(3) 推荐(3) 编辑
实现网站中英文切换的三种方法(微软字典整站翻译API已被官方和谐)
摘要:注:这几天发现微软官方把微软字典整站翻译API停止服务了(下面第三种方法目前已无法使用)不知是永久还是暂时,扎心 前言 现在很多公司喜欢把网站做成中英文切换,比如某零食官网 那么问题来了,一般实现中英文切换有哪些方法呢?下面我总结了三种方法(因技术水平有限,若有错误,欢迎留言指正) 解决方法 方法1 阅读全文
posted @ 2019-05-30 12:45 你不知道的巨蟹 阅读(24963) 评论(6) 推荐(6) 编辑
JS常用内置方法1——slice()和splice()的区别
摘要:以前还是纯小白的时候,总会搞混JS数组的 slice() 和 splice() 方法。因为这2个方法名字太像了,就差一个字母,语法也有类似之处。 现在久了没用,有时候也会忘记,所以做一个总结来区分一下。 slice() slice()定义:从已有的数组中返回你选择的某段数组元素 slice()语法: 阅读全文
posted @ 2019-02-18 17:44 你不知道的巨蟹 阅读(42981) 评论(2) 推荐(0) 编辑
正则表达式入门(资源链接总结)
摘要:最近简单学习了一下正则表达式,想着可以自己写个总结。后来发现网上已经有很多不错的入门总结和教程。。。 下面我把个人在学习过程当中搜集到的一些好的资源链接总结如下 正则表达式30分钟入门教程:http://www.cnblogs.com/hustskyking/archive/2013/06/04/R 阅读全文
posted @ 2019-02-14 10:30 你不知道的巨蟹 阅读(228) 评论(0) 推荐(0) 编辑
为什么总是听到前辈说不要过量使用全局变量
摘要:先来看看下面的截图(截图来自廖雪峰大神官网的JavaScript教程) 正如上面所说,过量使用全局变量最大的坏处是污染全局,可能在未来造成不可预知的BUG,并且难以维护和扩展。 正所谓实践出真知,亲手去实践,才能加深理解。为了证实上面所说,我写了一个简单测试demo html <!DOCTYPE h 阅读全文
posted @ 2019-01-17 16:42 你不知道的巨蟹 阅读(372) 评论(0) 推荐(0) 编辑
defer和async的区别
摘要:偶然间在项目中看到了引入的js文件有这2个属性,如下图, 注:直接写defer 或 defer="defer" 都可以,async同理 defer和async 下面简单概况一下它们的作用 1:<script src="https://cdn.staticfile.org/jquery/1.11.1/ 阅读全文
posted @ 2018-12-27 15:22 你不知道的巨蟹 阅读(276) 评论(0) 推荐(0) 编辑
document.getElementById 和 document.getElementsByClassName获取DOM元素的区别
摘要:想必小伙伴们对于 JS 获取DOM的几种方法早已烂熟于心,了然于胸, 尤其是 document.getElementById 和 document.getElementsByClassName, 看看下面截图,用上面2种方法获取到元素并添加点击事件后,控制台会打印出什么呢? 可能有小伙伴晃眼一看,这 阅读全文
posted @ 2018-12-23 16:42 你不知道的巨蟹 阅读(2057) 评论(0) 推荐(0) 编辑
向上滑动的文字提示效果探索
摘要:最近有一个需求,是让我把一个效果优化一下。这个效果是页面加载完后,会有一个向上滑动的文字提示动画效果,如下图 注:下面的例子我都会附上完整demo,以供有需要的小伙伴测试和借鉴 之前是后台同事用 JS 实现的,代码如下: <!DOCTYPE html> <html> <head> <meta cha 阅读全文
posted @ 2018-12-12 22:52 你不知道的巨蟹 阅读(704) 评论(0) 推荐(0) 编辑
js实现复制内容自动添加版权信息
摘要:场景:当我从网上复制了所需代码到编辑器粘贴时,总会有如下版权信息提示 看到好几次后,在好奇心的驱使下开始搜寻答案。网上有好几种写法,最开始我找到了如下JS代码 document.body.oncopy = function() { setTimeout( function() { var text 阅读全文
posted @ 2018-12-04 17:18 你不知道的巨蟹 阅读(418) 评论(0) 推荐(0) 编辑
JS创建对象,数组,函数的三种方式
摘要:害怕自己忘记,简单总结一下 创建对象的3种方法 ①:创建一个空对象 var obj = {}; ②:对象字面量 var obj = { name: "Tom", age: 27, "first-name": "Jay", last_name: "Kin" } 注:①:对象字面量中的属性名可以是包括空 阅读全文
posted @ 2018-11-01 00:51 你不知道的巨蟹 阅读(1529) 评论(0) 推荐(0) 编辑
2个简单实例让你快速理解try-catch的用法
摘要:相信在实际项目中,你可能经常会看到类似下面的代码 try { // 尝试执行代码块 } catch(err) { // 捕获错误的代码块 } finally { // 结果如何都会执行的代码块 } 简单来说上面的代码是用于处理代码中可能出现的错误信息 try{} 里的代码表示要执行的代码 catch 阅读全文
posted @ 2018-10-29 23:13 你不知道的巨蟹 阅读(2224) 评论(0) 推荐(0) 编辑
判断浏览器是否支持HTML5 video
摘要:话不多说,下面是我从W3C扒的判断浏览器是是否支持H5视频的代码,有需要的小伙伴,拿走不谢 HTML <div id="checkVideoResult"><button onclick="checkVideo()">检测</button></div> JS (代码格式是整理过的,不过复制进来就这样 阅读全文
posted @ 2018-09-16 22:43 你不知道的巨蟹 阅读(1653) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示