javascript
文章平均质量分 65
kongjiea
通吃前后端如何?
展开
-
检测字符串是否含有html标签的检测fn
功能代码/** * 字符串是否含有html标签的检测 * @param htmlStr */function checkHtml(htmlStr) { var reg = /]+>/g; return reg.test(htmlStr);}demoscript:/** * 字符串是否含有html标签的检测 * @param htmlStr原创 2015-02-27 11:45:09 · 13064 阅读 · 0 评论 -
javascript打造跨浏览器事件处理机制:详解
由于浏览器兼容的复杂性.打造一个较优的跨浏览器事件处理函数.不是件容易的事情.各大类库也都通过了种种方案去抽象一个庞大的事件机制.使用类库可以比较容易的解决兼容性问题.但这背后的机理又是如何呢? 下面我们就一点点铺开来讲. 首先,DOM Level2为事件处理定义了两个函数addEventListener和removeEventListener, 这两个函数都来自于Ev转载 2014-10-20 10:59:51 · 1766 阅读 · 0 评论 -
js的事件冒泡和事件捕获
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body原创 2014-09-03 10:06:31 · 2348 阅读 · 0 评论 -
【工作实例】cookie设置精确到毫秒案例
cookie相关js代码function setCookie(n,v,mins,dn,path,time){ if(n){ if(!mins) mins = 365 * 24 * 60; if(!path) path = "/"; var date= new Date(); if(!time){ date.setTime(date.getTime()+(mins原创 2015-03-09 21:33:16 · 1493 阅读 · 0 评论 -
JavaScript 经典实例收集整理
跨浏览器事件跨浏览器添加事件//跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE转载 2015-06-03 10:12:16 · 1189 阅读 · 0 评论 -
js、jq获取对象位置 对象宽高
1、滚动距离、宽高scrollTop/scrollLeft/ 对象滚动条的上面/左边折卷的距离 js写法: document.body.scrollTop || document.documentElement.scrollTop jq写法:$(window).scrollTop(); -----------------------------------------------原创 2014-03-29 17:35:02 · 10647 阅读 · 1 评论 -
常用的console 的方法,你真的了解 console 吗
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一下。转载 2015-05-26 13:04:56 · 16795 阅读 · 0 评论 -
浏览器切换标签js定时器会变缓慢解决办法
1、 在jq版本里每次在animate前加上 $(obj).stop(true,true); 可以解决2、 方法二:var timer=null;window .onfocus=function(){timer=setInterval(autoRun,1000);}window.onblur=function(){clearInterval(timer);原创 2015-05-26 11:42:35 · 9107 阅读 · 1 评论 -
js,jq清除360浏览器自动保存保单信息
1、先重置表单js :jq :$('#myform')[0].reset();原创 2014-09-16 15:04:59 · 4654 阅读 · 2 评论 -
addEventListener第三个参数作用
DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数,分别为:事件名称(String)、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。DOM事件流如图(剪自javascript高级程序设计,懒的画了):由图可知捕获过程转载 2014-06-12 12:15:51 · 11688 阅读 · 0 评论 -
【js事件详解】js事件封装函数,js跨浏览器事件处理机制
var eventUtil = { // 添加句柄 addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (原创 2014-10-20 10:57:58 · 3887 阅读 · 2 评论 -
根据邮箱的域名跳转到相应的登录页面的代码
js邮箱地址跳转 var hash={ 'qq.com': 'http://mail.qq.com', 'gmail.com': 'http://mail.google.com', 'sina.com': 'http://mail.sina.com.cn', '163.com': 'http://mail.163.com', '126.com': 'http://mail.12转载 2015-02-27 10:45:58 · 152670 阅读 · 0 评论 -
CST,CET,UTC,GMT,DST,Unix时间戳几种常见时间概述与关系
1、UTC: Universal Time Coordinated 协调世界时,又称世界标准时间多数的两地时间表都以GMT来表示,但也有些两地时间表上看不到GMT字样,出现的反而是UTC这3个英文字母,究竟何谓UTC?事实上,UTC指的是Coordinated Universal Time- 世界协调时间(又称世界标准时间、世界统一时间),是经过平均太阳时(以格林威治时间GMT为准)、原创 2015-03-04 16:26:53 · 21250 阅读 · 1 评论 -
创建一个日期对象, 日期对象可传参数
6.2.1 创建一个日期对象可以使用表示时间的参数来初始化一个Date对象。语法如下:var _date=new Date([arguments]);参数的形式有以下5种:new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy");new Date(yyyy,m转载 2013-12-27 16:36:25 · 5679 阅读 · 0 评论 -
条件注释判断IE浏览器,<!--[if IE]>条件注释区分非IE浏览器
Only IE 所有的IE可识别 Only IE 5.0 只有IE5.0可以识别 Only IE 5.0+ 高于IE5.0都可以识别 Only IE 6- 低于IE6可识别 Only IE 6/+ IE6以及IE6以上都可识别 Only IE 7/- IE7及ie7以下版本可识别lte:就是Less than or equal to的简写原创 2014-09-17 14:10:31 · 5887 阅读 · 0 评论 -
滚动fixed定位插件 ,依赖jquery
滚动fixed定位插件 ,依赖jquery //fix固定定位function Fixed(moveObj,relativeObj){ /*参数说明 * @moveObj object 要移动的对象 --最好完整的结构 * @relativeObj object 移动时的相对对象 --最好是最外层的容器 */ if($(moveObj).原创 2013-12-09 15:17:41 · 4362 阅读 · 0 评论 -
深入理解前端跨域方法和原理
前言受浏览器同源策略的限制,本域的js不能操作其他域的页面对象(比如DOM)。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象(iframe之间)。这里需要明确的一点是:所谓的域跟js的存放服务器没有关系,比如baidu.com的页面加载了原创 2015-03-11 16:44:00 · 40378 阅读 · 2 评论 -
【js跨域】js实现跨域访问的几种方式
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一原创 2014-08-27 11:24:52 · 6555 阅读 · 0 评论 -
onkeyup限制输入框只能输入数字
例子:html代码通常都直接用:以上的缺点是,当你正确输入的是一串数字后,想用光标移动到前面修改其中的一个数字,发现移不动,所以就显示了下面的方法的好处其实加个if更加和谐:$('input#box').keyup(function(){ var c=$(this); if(/[^\d]/.test(c.val())){/原创 2014-05-13 18:12:20 · 58842 阅读 · 4 评论 -
js处理数字保留2位小数,强制保留2位小数不够补上.00
1、保留两位小数 //功能:将浮点数四舍五入,取小数点后2位2、//制保留2位小数,如:2,会在2后面补上00.即2.00 Test //保留两位小数 //功能:将浮点数四舍五入,取小数点后2位 function toDecimal(x) { var f = parseFloat(x); i原创 2015-01-12 15:26:49 · 93749 阅读 · 4 评论 -
JS获取本周周一 周日日期、本季度、本月、上月的开端日期、停止日期
1、首先来一个自己公司项目的源码:项目需求描述: 从20150712日开始, ,需求①:根据当前时间返回每一周 、周一~周日的日期(需返回2种格式 格式1:7月13日,格式2:2015-07-13)需求②:返回当前时间本周的,周一早上9:00:00和周日的23:59:59需求③:计算出当前时间离20150712日有多少周需求④:在需求3基础上,如果大于一周,需要返回历史周的周一原创 2015-07-10 12:10:52 · 28130 阅读 · 2 评论 -
JS打乱数组最高效的方法
var arr=[]; for(var i=0;i<100;i++){ arr[i]=i; } arr.sort(function(){ return 0.5 - Math.random() }) var str=arr.join(); alert(str);转载 2015-09-16 18:06:05 · 4612 阅读 · 0 评论 -
在html页面中判断本地app是否安装并打开
html中其实是无法判断应用是否安装,除非在webview中通过js bridge,这里通过一种方式达到此目的。1、编辑AndroidManifest.xml: 主要是增加第二个,myapp用来标识schema,最好能保证手机系统唯一,那样就可以打开应用,而不是弹出一个选择框。 android:pathPrefix标识url的path,可以附带自己的数据通过转载 2015-09-06 11:53:40 · 3208 阅读 · 0 评论 -
移动端某些浏览器cookie无法识别中文encodeURI 、 encodeURIComponent 、escape
问题描述比如qq浏览器无法识别中午 ,getcookie的时候为空那么在setcookie的时候进行编码,然后在getcookie的时候再解码编码的三个方法encodeURI 、 encodeURIComponent 、escape 他们的区别encodeURI主要用于直接赋值给地址栏时候:location.href=encodeURI("http:原创 2016-12-08 17:24:03 · 2382 阅读 · 0 评论 -
根据本地/服务器时间获取指定时区时间 new Date指定时区时间
1、代码function getTimeByTimeZone(timeZone){ var d=new Date(); localTime = d.getTime(), localOffset=d.getTimezoneOffset()*60000, //获得当地时间偏移的毫秒数,这里可能是负数 utc原创 2016-12-09 11:48:28 · 17021 阅读 · 2 评论 -
js限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点
Document $(document).ready(function() { //敲击按键时触发 $("#Score").bind("keypress", function(event) { var event= event || window.event; var getValue = $(this).val()原创 2014-09-28 17:59:12 · 32465 阅读 · 3 评论 -
对json数组进行排序和filter过滤
对json数组进行排序和filter过滤var data = [ {recordId: 10, recordNo: "PPCZ_", userId: 1, recordType: 9, recordCode: "", recordInMoney: 1111}, {recordId: 5, recordNo: "PPCZ_20170105170203", userId: 1, re原创 2017-01-19 15:17:04 · 16908 阅读 · 0 评论 -
javascript实现java的map对象,js实现new map()
/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元素,成功返回True,失败返回False *转载 2017-01-20 17:21:09 · 9574 阅读 · 0 评论 -
js判断客户端是pc端还是移动端
function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var转载 2013-12-27 15:33:45 · 64014 阅读 · 0 评论 -
js实现点击复制功能
一、实现点击按钮,复制文本框中的的内容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令alert("已复制好,...转载 2018-05-30 09:06:21 · 52003 阅读 · 2 评论 -
js 模拟浏览器f11 全屏显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button转载 2018-05-30 09:51:46 · 5266 阅读 · 0 评论 -
ie与firefox 的区别以及event的区别
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和even转载 2016-12-12 18:02:16 · 454 阅读 · 0 评论 -
给div设置blur事件
Document .box{ width: 200px; height: 200px; background-color: #3295F2; } document.getElementById('box').onblur = funct原创 2016-11-15 17:31:57 · 7135 阅读 · 0 评论 -
js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度
1、在父页面 获取iframe子页面的元素原创 2014-08-27 16:22:10 · 65191 阅读 · 0 评论 -
jquery-validate验证表单
所有文件\学习资料\效果集合和工作练习效果\成品效果\xiaoguo\validation原创 2015-10-16 15:37:23 · 827 阅读 · 0 评论 -
jq插件validate的使用
jq插件validate的使用 -- 360云盘中原创 2015-09-15 14:14:02 · 648 阅读 · 0 评论 -
常用的js工具库
处理money的 money.js让ie支持placeholder 的 placeholder.js原创 2015-09-15 14:04:56 · 1913 阅读 · 0 评论 -
js调试工具查看dom元素上绑定的事件列表
作为技术狂热分子的职业本能,看到一个技术产品的功能,总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能,就忍不住打开了浏览器的控制台。。。好,不扯远,说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。查看原生绑定的事件函数代码所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办:审查绑定事件转载 2015-10-20 11:17:04 · 25275 阅读 · 2 评论 -
zepto和jq的live事件在ios8.0中有问题
昨天突然发现用zepto和jq1.7.2版本的live事件无效,但是pc 和安卓却可以代码是$('.box').live('click',function(){ alert(1)})很郁闷。经过折腾发现有三个办法能解决1、jq的最高版本发现可以,2.用delegate方法也行3、用touchjs委托原创 2014-12-05 12:56:14 · 5306 阅读 · 0 评论 -
js解析json字符串为json对象,js解析json的6种方法
1.一种为使用eval()函数。方式如下:var dataObj=eval("("+data+")");为什么要加()原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(express原创 2014-11-21 14:28:17 · 8759 阅读 · 0 评论