随笔分类 - javascript
摘要：div产生的滚动条返回顶部 1.获取div js： react： 2.返回顶部 3.调用 backTop 钻研不易，转载请注明出处。
阅读全文
摘要：new date() 计算本周周一日期 需求：计算某天的那一周周一的日期 1.new Date() 2.获取几天后的时间 3.计算周一日期 demo源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ti
阅读全文
摘要：<table>导出excal 将<table>导出为excal文件，这里介绍两种方法。 1.直接写代码，拼接出excal文件的字符串，然后直接用a标签下载。本人没有是试过，在此粘下代码留念。 <html> <head> <meta http-equiv="content-Type" content=
阅读全文
摘要：ajax二次封装之异步加载 ajax异步加载会导致在数据未加载回来就读取数据，然后出现数据为空的报错。在ajax封装时，将ajax直接改为同步，虽然可以解决报错，但是会导致页面渲染被阻塞，接口反应时间较长后，会极大的影响用户体验。 在做一个展示系统的时候，数据库数据较多，页面报表调用接口较多，倒是页
阅读全文
摘要：url查询参数解析 1.获取url的各部分值 2.将url查询参数通过正则表达式解析成数据字典 3.将url查询参数手动解析成数据字典
阅读全文
摘要：template.js 数据渲染引擎 template.js是一款JavaScript模板引擎，用来渲染页面的。 原理：提前将Html代码放进编写模板 中，当需要渲染页面时，在js里这样调用： template.js开始标签默认为<%，结束标签默认为%>，显示数据为<%= i %>。 下面是使用te
阅读全文
摘要：js判断用户是客户端还是移动端 Javascript 判断客户端是否为 PC 还是手持设备，有时候项目中需要用到，很方便的源生检测，方法一共有两种 1、第一种： function IsPC() { var userAgentInfo = navigator.userAgent; var Agents
阅读全文
摘要：Js获取当前系统时间 var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)m
阅读全文
摘要：HTML空格占位符   == 普通的英文半角空格   == ==   == no-break space （普通的英文半角空格但不换行） 　 == 中文全角空格 （一个中文宽度）   ==   == en空格 （半个中文宽
阅读全文
摘要：js处理数据库时间格式 数据库返回时间格式：/Date(1332919782070)/ 方法： 原理： 取中间的毫秒数，再转换成js的Date类型
阅读全文
摘要：div的全屏与退出全屏 作用：将div全屏与退出全屏，一般播放器使用较多。 html按钮： js调用： 全屏方法封装： 退出全屏方法封装： 参考自：http://blog.sina.com.cn/s/blog_1458577430102xn4r.html
阅读全文
摘要：视频控制的简易进度条 样式： 作用：控制视频的播放点，实时显示视频播放位置 html： css： js： 使用注意事项： 1.$("span[name='progress']",main_div) 中为父节点main_div中找子节点 span[name='progress']，同时也限制方法的作用
阅读全文
摘要：javascript创建节点的事件绑定 timeupdate事件是<video>中用来返回视频播放进度的事件，绑定在<video>标签返回视频播放位置（每秒计）。 现video标签需要直接在js中创建出来， 无法直接绑定timeupdate事件。 解决方法： 1.直接调用 ontimeupdate
阅读全文
摘要：JS中点击事件冒泡阻止 解析： 一个div层'out'，内含有一个div层'in'。如下： 两个层都绑定了点击事件，但是点击in层的时候，点击事件会出现冒泡现象，同时也会触发out层的点击事件。 但是并不希望触发out的点击事件，只希望触发in层的点击事件，所以要阻止冒泡事件。 解决方法： e.pr
阅读全文
摘要：判断pc端或移动端并跳转 代码目录： index.html代码： 参考自：http://www.jb51.net/article/48939.htm
阅读全文
摘要：拖动验证码插件 效果图： 在验证前，提交弹出验证失败，验证后弹出验证成功。 文件结构： css： #drag{ position: relative; background-color: #e8e8e8; width: 300px; height: 34px; line-height: 34px;
阅读全文
摘要：jquery之cookie操作 Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.j
阅读全文
摘要：前端生成pdf文件之pdfmake.js pdfmake.js是一个简单的生成pdf文件的插件。 pdfmake.js https://files.cnblogs.com/files/s313139232/pdfmake.min.js 代码也很简单： html文件： 代码中会引用两个技术，pdfma
阅读全文
摘要：javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包住业务代码,使用jquery时比较常见。 ( function(){…} )()和( functio
阅读全文
摘要：动态生成按钮的点击事件绑定 当按钮为动态生成时，向按钮上绑定click时间时会失效。 on()函数用于为指定元素的一个或多个事件绑定事件处理函数。 //为所有p元素绑定click事件处理程序(注意：这里省略了selector参数) //n2、n3、n5均可触发该事件 $("p").on("click
阅读全文