随笔分类 -  JavaScript

form 表单的另类触发方式：报错触发
摘要：在用 form 表单提交的时候，遇到一个问题：表单未验证完，表单就提前提交了。 然后通过断点调试，发现 form 提交会因为 js报错提前触发提交事件。 即如果你的 form 提交过程中，没有执行到return true之前，在某处地方出现了报错，此时也会触发form表单提交，而不是函数return 阅读全文
posted @ 2019-02-21 20:25 莫问、前程 阅读(442) 评论(0) 推荐(0)
函数反抖 debounce
摘要：debounce :如果在一段延时内又触发了事件，则重新开始延时。即每次触发事件，只触发最近一次的事件。 阅读全文
posted @ 2018-12-03 18:02 莫问、前程 阅读(290) 评论(0) 推荐(0)
分页组件
摘要：某日，在公司写一个简单的活动页面，活动见链接 ，这个页面业务叫简单，核心就是一个分页内容，活动很快就搞定了，然后呢，就整理分页功能，写成一个插件。 嗯~~~说弄就弄。 首先呢，先将页面分成两个区域：内容展示区和控件按钮（分页，上下页，跳转页等）展示区 页面结构是弄好了，那么下面就要开始写JS了。 之 阅读全文
posted @ 2018-05-24 17:55 莫问、前程 阅读(380) 评论(0) 推荐(0)
javascript中new Date()的浏览器兼容性问题
摘要：在公司写活动的时候，有个需求是对时间日期格式作转换。如 ' 2018-05-01 00:00:00 ' 转换成 '5月1日'。 在chrome浏览器可以正常显示，但是用ie8打开，出现问题了，页面中的日期显示为 NAN 最后查找出原因是： 基于'/'格式的日期字符串，才是被各个浏览器所广泛支持的，‘ 阅读全文
posted @ 2018-05-10 18:33 莫问、前程 阅读(263) 评论(0) 推荐(0)
js清除浏览器缓存的几种方法
摘要：js清除浏览器缓存的几种方法 阅读全文
posted @ 2018-04-18 10:45 莫问、前程 阅读(4387) 评论(0) 推荐(0)
正则表达式里添加变量
摘要：给正则表达式添加变量： 方法一： new RegExp function replace(str, before, after) { var reg = new RegExp(before, "g"); return str.replace(reg, after); } var test = ; c 阅读全文
posted @ 2017-12-29 10:47 莫问、前程 阅读(8769) 评论(0) 推荐(0)
js获取当前位置的地理坐标（经纬度）
摘要：在 freecodecamp 上学习时，碰到获取地理坐标问题。写个笔记纪录下。 if(navigator.geolocation) { navigator.geolocation.getCurrentPosition( function (position) { console.log( posit 阅读全文
posted @ 2017-12-25 11:18 莫问、前程 阅读(17695) 评论(0) 推荐(0)
快速回到顶部
摘要：如何实现快速回到顶部的方法？只需scrollTop = 0，即可实现。如下 document.documentElement.scrollTop = document.body.scrollTop = 0; 将该行代码插入到相应的事件，即可点击实现点击返回顶部。这个是没什么问题的。 然鹅，当我们执行 阅读全文
posted @ 2017-09-26 17:36 莫问、前程 阅读(437) 评论(0) 推荐(0)
innerHTML 与 outerHTML区别
摘要：示例代码： innerHTML： 结果如下： outerHTML： 结果如下： 这里要注意一个问题，就是给outerHTML写入内容的时候，会将元素本身替换掉，这一点可以通过审查页面结构可以看出来。故，我们打印出来的结果其实是原来的元素内容，重新写入的结果需要通过审查页面结构才可以看出来！！！！ 结 阅读全文
posted @ 2017-09-17 00:03 莫问、前程 阅读(2563) 评论(0) 推荐(0)
js获取图片信息（二）-----js获取img的height、width宽高值为0
摘要：首先，创建一个图片对象： 然后我们打印一下图片的信息： 在某些电脑上的谷歌浏览器和IE11浏览器上，以上代码工作正常。但是在某些电脑上会报出和火狐在第一次打开时却报出宽高值均为0。如果按F5刷新页面，又能正确获取宽高值了。按 Ctrl+F5 强制刷新（忽略缓存）的话，仍能复现这个问题。 这是因为火狐 阅读全文
posted @ 2017-07-27 19:30 莫问、前程 阅读(11407) 评论(0) 推荐(0)
js获取图片信息（一）-----获取图片的原始尺寸
摘要：如何获取图片的原始尺寸大小？ 如下，当给 img 设置一个固定的大小时，要怎样获取图片的原始尺寸呢？ 方法一： HTML5提供了一个新属性 naturalWidth / naturalHeight 可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9 阅读全文
posted @ 2017-07-18 19:57 莫问、前程 阅读(46964) 评论(0) 推荐(0)
倒计时demo
摘要：倒计时demo 阅读全文
posted @ 2017-05-10 22:54 莫问、前程 阅读(117) 评论(0) 推荐(0)
多个单选框选中
摘要：使用一个js代码实现多个单选按钮的选中事件。 阅读全文
posted @ 2017-04-25 15:36 莫问、前程 阅读(985) 评论(0) 推荐(0)
Javascript平稳退化、渐进增强
摘要：平稳退化 ： javascript平稳退化就是如果一个浏览器完全不支持js或者禁用js的时候，它的基本功能不会受到任何影响。比方说一个网站使用了大量javascript来优化页面，我们现在把浏览器的javascript给禁用掉，这个网站的显示效果会变得比较糟，但是基本功能不会受到影响：登录页面可以正 阅读全文
posted @ 2017-04-24 13:48 莫问、前程 阅读(436) 评论(0) 推荐(0)
jQuery获取单选框（复选框）选中的状态
摘要：jQuery 获取单选框（复选框）选中的状态 代码中 console 的即为jQuery获取单选框（复选框）选中的状态的方法 （$("xxxx").is(":checked")；$("xxxx").prop("checked")；$("xxxx").get(0).checked;） 这里为何不能通过 阅读全文
posted @ 2017-04-18 17:35 莫问、前程 阅读(15726) 评论(0) 推荐(1)
文字逐个出现效果
摘要：文字一个个出现的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <pre id="showWord"></pre> <div style=" 阅读全文
posted @ 2017-04-17 11:08 莫问、前程 阅读(850) 评论(0) 推荐(0)
canvas处理图片
摘要：canvas绘制图片的三种方法： drawImage(image, x, y) drawImage(image, x, y, width, height) drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight,destX, dest 阅读全文
posted @ 2017-04-09 00:59 莫问、前程 阅读(944) 评论(0) 推荐(0)