2016年9月23日

摘要: <img src="xxx.jpg" /><script> var flag = true,//状态true为正常的状态,false为放大的状态 imgH,//图片的高度 imgW,//图片的宽度 img = document.getElementsByTagName('img')[0];//图片元 阅读全文
posted @ 2016-09-23 09:38 柔光 阅读(851) 评论(0) 推荐(0) 编辑
摘要: <h3>实现省略号点点动,纯css3实现动态省略号</h3>上传中<span class="dot">...</span> 【css代码如下】 <style> .dot { font-family: simsun; }:root .dot { display: inline-block; width 阅读全文
posted @ 2016-09-23 09:33 柔光 阅读(4241) 评论(1) 推荐(0) 编辑
摘要: <p>系统将会在<strong id="endtime"></strong>秒后跳转到登录页!</p> 【原生js实现】 <script type="text/javascript"> var i = 10; //倒计时时间,可随意改function remainTime(){ if(i==0){ 阅读全文
posted @ 2016-09-23 09:31 柔光 阅读(133) 评论(0) 推荐(0) 编辑

2016年8月18日

摘要: 实现携程X分钟前有人预定功能 原理:利用cookie与计时器两部分; 首先,进入页面,x会被随机数赋值,赋值后x会一分钟加1,直到加到60,再从1开始累加。 页面是否相同是根据页面的url后的id值判断; <span id='myspan'></span> x分钟前有人预定该景点 <script>$ 阅读全文
posted @ 2016-08-18 17:33 柔光 阅读(293) 评论(0) 推荐(0) 编辑

2016年8月1日

摘要: 身份证校验,绝对严格function checkIdCard(idcard) { let ereg; // const Errors = new Array( // '验证通过', // '身份证号码位数不对', // '身份证号码出生日期超出范围或含有非法字符', // '身份证号码校验错误', 阅读全文
posted @ 2016-08-01 17:01 柔光 阅读(337) 评论(0) 推荐(0) 编辑

2016年7月28日

摘要: 【 reload 方法】该方法强迫浏览器刷新当前页面 【一】要求刷新的窗口有一个名称,例如ABC。在要关闭的页面加入 <body onunload="javascript:ABC.location.reload()">【二】如果要刷新的是将要关闭页面的父窗口,则可以在要关闭的页面加入 <body o 阅读全文
posted @ 2016-07-28 14:28 柔光 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 防止页面后退(使浏览器后退按钮失效) 原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效。 注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发, 页面由于使用pushState修改了history),会触发popsta 阅读全文
posted @ 2016-07-28 12:53 柔光 阅读(57842) 评论(24) 推荐(2) 编辑

2016年7月27日

摘要: 前端能获得的时间有两种:客户端与服务器的时间. 如何获取服务器当前时间,主要是处理客户端本地机器时间错误问题。 方法一:原理:获取服务器返回的头部信息中的Date属性 由于得到的是GMT(格林尼治时间) 所以要转换成东八区的时间 这个就是响应服务器的当前时间。var date = new Date( 阅读全文
posted @ 2016-07-27 19:15 柔光 阅读(18659) 评论(0) 推荐(1) 编辑
摘要: a.什么是Ajax Asynchronous JavaScript and XML(异步JavaScript和XML) 节省用户操作,时间,提高用户体验,减少数据请求 传输获取数据b.使用Ajax: 使用ajax获取某一文本文件的内容 c.Ajax过程详解: 创建对象XMLHttpRequest() 阅读全文
posted @ 2016-07-27 19:04 柔光 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 实例:瀑布流 留言板(一)瀑布流瀑布流实现原理分析1.ajax文件内容function ajax(method, url, data, success) { var xhr = null; try { xhr = new XMLHttpRequest(); } catch (e) { xhr = n 阅读全文
posted @ 2016-07-27 19:03 柔光 阅读(277) 评论(0) 推荐(0) 编辑

导航