随笔分类 - 前端开发
javascript + css + html
摘要：//JavaScript根据文件名判断文件类型var imgExt = new Array(".png",".jpg",".jpeg",".bmp",".gif");//图片文件的后缀名var docExt = new Array(".doc",".docx");//word文件的后缀名var xl...
阅读全文
摘要：//JavaScript根据文件名后缀判断是否图片文件//图片文件的后缀名var imgExt = new Array(".png",".jpg",".jpeg",".bmp",".gif");//获取文件名后缀名String.prototype.extension = function(){ ...
阅读全文
摘要：首先是 parentNode 属性，这个属性好理解，就是在 DOM 层次结构定义的上下级关系，如果元素A包含元素B，那么元素B就可以通过 parentElement 属性来获取元素A。 要明白 offsetParent 属性，要先明白“已定位元素” 这个名字，所谓“已定位元素”就是指给元素设置...
阅读全文
摘要：平时只有下班时间能code，闲来写了个纯javascript版。引用该calendar.js文件，然后给要设置成日历控件的input的id设置成calendar，该input就会变成日历控件。日历控件引用calendar.js时，一定要加defer属性。calendar.js源码：// JavaSc...
阅读全文
摘要：比如canvas的id是HB， 画好后执行document.body.style.background = "url('"+HB.toDataURL()+"')";
阅读全文
摘要：提示：需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。
阅读全文
摘要：以前要用到日历控件都是直接从网上下载一套源码来使用，心里一直有个梗，就是想自己动手写一个日历控件，最近刚好来了兴趣，时间上也允许，于是自己摸索写了一个，功能还算完善，界面就凑合了。可能最值得说的一点就是让input控件内部右边显示一个按钮，我是直接给input加了个背景，然后把input的边框去掉实...
阅读全文
摘要：JavaScript中的setTimeout()与setInterval()都是指延时执行某一操作。但setInterval()指每隔指定时间执行某操作，会循环不断地执行该操作；setTimeout()只延时指定时间后执行该操作，且只执行一次。setTimeout()在某种情况下也能实现setInt...
阅读全文
摘要：function getDefaultStyle(obj,attribute){ return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attri...
阅读全文
摘要：测试文件
阅读全文
摘要：document.getElementById("test").onclick = function(){ ...};
阅读全文
摘要：字数统计功能，原理是给textarea添加onKeyup事件，事件读取textarea内容并获得长度，并赋值给统计字数的那个文本节点，这里有一点要注意的是添加onKeypress和onKeydown事件也能实现效果，但都有些不足，会在某些情况下造成误解，我都试了下，感觉只用一个onKeyup事件是最...
阅读全文
摘要：测试文件 中央情报局:中央情报局 2014年5月4日21:56
阅读全文
摘要：父容器根据子容器高度自适应：设置父容器 height:100%;overflow:hidden;
阅读全文
摘要：容器与父容器底对齐：将父容器position设置成relative，将子容器position设置成absolute，然后设置bottom:0px;
阅读全文
摘要：登录页面写起来很简单，但写多了每次都重新写一个的话还是觉得很费事的，所以写了个模板放这里，以后需要的话直接用这个改。登录 登录 账号 密码 找回密码注册账号
阅读全文
摘要：利用div实现遮罩层效果就是利用一个全屏、半透明的div遮住页面上其它元素，典型的例子就是百度的登录界面。下面贴出示例代码：全屏div打开遮罩关闭
阅读全文
摘要：当父容器是body时，height:100%不起作用（无效），解决办法：在css代码段中添加html, body{ margin:0; height:100%; }实现div全屏的时候需要上面那段代码。下面给个div全屏的示例：全屏div
阅读全文
摘要：让div相对于浏览器窗口居中。方案一：纯粹使用CSS实现测试文件 上面这套方案是比较完美的方案，即便缩放浏览器窗口也能保证div居中。方案二：利用Javascript实现测试文件几个关键点说明下：position:fixed 决定div是相对于浏览器窗口居中，而不是相对于一般意义上的父窗口居中。必须...
阅读全文
浙公网安备 33010602011771号