代码示例
文章平均质量分 64
黛梨
闭心自慎,终不失过兮.
展开
-
js表单验证大全
1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制2.:js判断汉字、判断是否汉字 、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证 、js 判断email 、信箱/邮箱格式验证7:js字符过滤,转载 2016-08-10 10:48:36 · 690 阅读 · 0 评论 -
使用localStorage进行本地存储代码
localStorage的使用方法见:http://blog.csdn.net/pedrojuliet/article/details/62889501<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2017-07-17 16:32:44 · 1232 阅读 · 0 评论 -
动态添加和移除元素
动态添加元素是对DOM的基本操作,下面便是简单的元素添加与删除。1.创建DOM元素createElement(标签名) ,作用:创建一个节点父节点 . appendChild(新节点),作用:在父亲div中追加一个节点2.插入元素insertBefore(新节点,原有节点),在已有的元素前面插入新节点3.删除元素removeChild(节点),作用:删除一个节点代码原创 2016-07-30 17:32:44 · 945 阅读 · 0 评论 -
通用事件侦听器函数代码
Event = { //页面加载完成后 readyEvent: function(fn) { if (fn == null) { fn = document; } var oldonload = window.onload; if (typeof window.onload != 'function') {原创 2017-07-17 20:29:20 · 456 阅读 · 0 评论 -
定时器的实战--数码时钟
定时器的作用:规定每隔多少时间会做某个事情。1.开启定时器:setInterval(函数,间隔时间):等一秒中才会执行,间隔型,一旦启动便不会停止。setTimeout(函数,间隔时间):延时型,只执行一次。2.停止定时器:clearInterval(关闭某个定时器):由于一个网页中可能会有多个定时器,所以在关闭时一定要清楚自己关闭的是哪个定时器,因此最好给定时器加个变量,以便原创 2016-08-10 10:24:45 · 705 阅读 · 0 评论 -
圣杯与双飞翼布局代码总结
圣杯与双飞翼布局代码总结1.圣杯布局定义: 圣杯布局是两边固定宽度,中间自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染。解决方案大体都是三栏全部float:left浮动,而在解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合left和right属性,效果上表现为三栏是单独分开的。代码如下:<!DOCTYPE html><html ><head> <原创 2017-01-26 22:49:39 · 491 阅读 · 0 评论 -
html5构建基本画图程序
<!DOCTYPE html><html><head><title>h5构建基本的画图程序</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta原创 2017-03-20 10:00:20 · 2096 阅读 · 0 评论 -
原生JavaScript实现ajax异步请求代码
jQuery封装了JavaScript的一些常用方法,而jQuery中的$ajax(),$get(),$post()是比较常用的方法,也是大家最熟悉,最常用的,但是在面试时,通常面试官,会要求你手写原生ajax异步请求的代码,此时即便你的jquery学的再好,也是无济于事的。所以下面我将分享ajax异步请求的原生js代码,希望对你有所帮助。1.XMLHttpRequest对象:XMLHtt原创 2016-11-27 18:47:21 · 10137 阅读 · 0 评论 -
跨浏览器事件Event对象代码
虽然IE的事件对象与DOM的事件对象存在差异,但是IE事件对象中所包含的信息和能力,与DOM事件对象是相同的,只是表现形式不同而已,通过映射的方式,我们可以实现兼容IE和DOM事件对象的事件对象lang="en"> <metacharset="UTF-8"> Document <styletype="text/css"> #dr原创 2016-11-13 16:17:45 · 399 阅读 · 0 评论 -
html5文件上传
作为H5的一部分,web存储得到了很好的支持,但不是存取数据的唯一方式,为了实现与存储相关的不同任务,也出现了其他几种不同的标准,其中一个就是File API,从技术角度讲他并不是h5的规范内容,但是现在的浏览器却是有着较好的支持,当然IE除外。1.用input读取文本文件<!DOCTYPE html><html><head><title>h5文件上传</title><meta name="原创 2017-03-18 17:19:49 · 3652 阅读 · 0 评论 -
js深度克隆和浅度克隆
“使用JavaScript深度克隆一个对象。” 这是一个出现概率很高的面试题,下面就来总结下,二者的区别以及其代码。科普一下: js一般有两种不同数据类型的值: 基本类型(包括undefined,Null,boolean,String,Number),按值传递; 引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。1.概念浅度克隆:基本类型为值传递,对象仍为引用传递。原创 2017-07-29 17:39:43 · 2515 阅读 · 0 评论