wuyou1336的博客

错误信息：Uncaught RangeError: Maximum call stack size exceeded错误原因：1、递归2、引入冲突的js库Stack Overflow上有关于这个问题的精彩回答：https://stackoverflow.com/questions/6095530/maximum-call-stack-size-exceede

转载 http://www.cnblogs.com/lightsong/p/4034109.html?utm_source=tuicool&utm_medium=referral原生JS通过什么方法绑定click事件？　　原生js有一下三种方法为DOM对象绑定click事件，　　第一种，在html中添加 onclick属性，在此属性中添加要绑定的事件函数，如下， 这

chrome下运行编写的JavaScript代码时，在工具javascript控制台下有时会出现“Uncaught SyntaxError: Unexpected identifier ”的报错，经过我反复查看代码最后得出，原来是代码中缺少一个“,”（英文逗号）。后经在网上查阅，也有文章指出，如果该异常出现在define里多半是因为你在该行的上一行缺少了逗号。原来如此简单！

最近做项目用到input的size和maxlength属性，以前只顾用没有用心去看看这2个标签的区别，今天特意记录下： Name: Name2: maxlength="5",则input输入框中只能够输入5个字符size="5"，表示input输入框只显示5个可见的字符，但你可以输入'无数'多字符内容 即：size属性规定输入字段的宽度(此处即是Name2文本框只

今天重温了一下Javascript，看到了数组的方法，其中有两个比较相似的方法——splice和splice，看着很像，就是多了一个p，但是用法却相当不一样。在使用中，可以通过选择一个具有强语义表达性的 API 来减少混淆的发生。1、sliceslice是指定在一个数组中的元素创建一个新的数组，即原数组不会变。定义和用法slice() 方法可

在触发DOM上的某个事件时，会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素，事件的类型以及其他与特定事件相关的信息。举例鼠标操作导致的事件对象中，会包含鼠标位置的信息，键盘操作导致的事件对象中，会包含按下的键有关的信息，所有浏览器都支持event对象，event对象会传入DOM0级，DOM2级，HTML指定，的事件处理程序中，但支

在前端开发过程中我们经常会遇到给页面元素添加事件的问题，添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同，le浏览器只有事件冒泡，没有事件监听的机制，对于事件监听的兼容性问题是最大的难题：1.直接把事件的方法写在页面结构上function eventfun(){ //console.log(th

最近做过一个项目，需求是下拉框里自动匹配关键字，具体细节是实时监听文本框 value 值的变化，然后匹配相关内容。初接项目，首先想到的是 JQ 里的 change，但是马上排除此方法，因为 change 是在文本框失去焦点时才会触发。曲线救国一下，想到用 keydown 来解决。其他一切还好，只是当不通过键盘操作，而是通过鼠标来复制粘贴时，这个事件是无法触发的。所以这个方法也排除掉了。

1、纯js,无动画版本window.scrollTo(0,0); 2、纯js，带动画版本生硬版：var scrollToTop = window.setInterval(function() { var pos = window.pageYOffset; if ( pos > 0 ) { window.scrollTo( 0,

关于这个问题，网上有人说这是webkit内核的浏览器导致的，且只有这种浏览器会出现，只需要将html5的声明整成标准的带有的声明的就行了，但是本人亲测仍然是不行的，所用浏览器：Google Chrome  (64-bit)。后来使用var innerHeight = window.innerHeight; //window的高度，即手机的高度 var cli

当用户滚动元素中到一个不同的地方时，scroll事件将发送到这个元素。它适用于window对象，但也可滚动框架与CSS overflow属性设置为scroll的元素。1、普通的div滚动到底部加载更多的方法内容$('#test').scroll(function(event){ var top = $(this).scrollTop(); var height

一些要求用户信息比较严格的地方比如用户注册、登录的时候都需要验证用户的身份证是否合法，而通过这些验证能大大的过滤掉很多水客，给你的系统带来非常精准的用户信息。　　很多时候我们都是通过一组正则表达式来判断用户输入的身份证是否合法，那在用正则表达式判断之前，你对身份证号的组成有多少了解呢？下面来说说一个身份证号里面包含了多少的信息：　　1、号码的结构 　　　　公民身份号码是特征组合

转载 http://blog.yadgen.com/?p=970使用Jquery做上传文件处理时，用到了ajaxfileupload.js 这个第三方代码，但是这个js几乎就是半成品，问题很多。现在整理如下并附修复版的ajaxfileupload.js下载。问题：1：无法带参数提交，只能上传文件；2：运行时报：jQuery.handleError is not a fu

转载 http://www.w3cplus.com/jquery/scrolling-to-the-top-with-jquery每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部，羡慕死人了，但自己就是做不出这样的效果。后来在google和baidu搜寻了一下，仔细思考，并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。我们先来看看效果图吧：

一、如何实现元素的两端对齐CSS2中text-align有一个属性值为justify，为对齐之意。其实现的效果就是可以让一行文字两端对齐显示（文字内容要超过一行），text-align不会处理被打断的行和最后一行。text-align其诞生的意义是控制文字的对齐与显示的，从其属性名上就可以看出来。从其渲染与解析上来看，其主要是用来控制inline水平元素或inline-bloc

当我们需要将一串日期字符串转换为具体的Date格式的时候，往往需要用到new Date("xxxx")方法。当时在IE浏览器下，会遇到这种问题：new Date('2016-01-01 00:00:00') //却返回这个值Invalid Date，转换失败但是这个方法却在谷歌浏览器上可以返回正确的结果。 解决方式：最终发现是字符串的格式不被某些浏

工作中要写一个带阴历的日历，自己调研了怎么做日历。     一.表格行数问题     既然要显示日期表格的话，首先得知道这个表格有多少行多少列，列数是已经确定的，从星期天（日历上第1列是星期天）到星期六一共7列。要解决行数问题之前，还得先知道这个月的第1天是星期几，因为每个月的1号并不都是从日历上的星期天开始排的，可能1号是星期五，星期六也说不定，所以1号的左边部分，就得用

移动H5开发中经常用到滑动效果（页面上移、下移、向左滑动、向右滑动等），浏览器并没有内置swipe事件，可以通过touch事件（touchstart、touchmove和touchend）模拟swipe效果。jQuery mobile和zeptojs提供了swipe事件。jquery mobile只有swipeLeft和swipeRight，zeptojs提供了完整的tap和swipe事件。 

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: //手指离开

javascript(简称js)语言在移动前端可以说必不可少，许多效果都是和js相关的，包括现在移动端的一些框架：jqmobi、jqtouch、sencha touch、jquerymobile等等。都是基于js编写的。暂时不讨论这些框架，主要讨论一下部分常用的js事件在移动端的使用。举几个例子：1、隐藏地址导航栏：// 该函数由Simon Willison编写,它只有一

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个) 元素用来创建基于web表单的可交互控件." href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input" st

大家都知道在JS的世界里， 0、-0、null、""、false、undefined 或 NaN，这些都可以自动转化为布尔的 false，那么字符串的"false"是不是false呢，答案是否定的，if("false") 来判断的话，是等于true的1.var hasAuth = 'true';if(hasAuth){ //此时的hasAuth是true }2.var

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。一、什么是W

转载 http://blog.csdn.net/libin_1/article/details/52614821相信大家在做移动端开发的时候会经常遇到这种场景，需要适时的弹出遮罩（有时为了突出还会在外面加上蒙层），弹窗出现以后，为了追求良好的用户体验，遮罩以下的屏幕是禁止滑动的。在网上找了很多资料，大体就这两种做法，但都有不完善的地方。加上自己的思考和总结，想到一个办法，应该可以解决你

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：一、touchstart:// 手指放到屏幕上的时候触发touchmove:// 手指在屏幕上移动的时候触发touchend:// 手指从屏幕上拿起的时候触发touchcancel:// 系统取消touch事件的时候触发。至于系统什么时候会取消，不详二、client /

由于JS同源策略的影响，因此js只能访问同域名下的文档。因此要实现跨域，一般有以下几个方法：一、处理跨域的方式：1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头： header("Access-Control-Allow-Origin:*");

原址： http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js

原址： http://www.cnblogs.com/2050/p/3191744.htmljs中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://

js有indexOf方法，却没有像java一样的startsWith 或者 endsWith 这样的方法。在js里，通通可以用 indexOf()!=-1 来代替。indexOf()!=-1 和 indexOf()>0 得到的结果是不同的。比如下面的例子：（功能：希望输入的值不包含空格） if(str.indexOf(' ') != -1 ){     alert("不

早期，一般是使用XML作为互联网上传输结构化数据的，但由于它解析麻烦，字符冗长，因此被轻量级的JSON所逐渐替代。JSON是JavaScript的一个严格子集，利用了JavaScript中一些模式来表示结构化的数据。可以直接将JSON格式的字符串传递给eval()进行处理，由于JSON是JS的子集，eval后变成json对象，可以使用’.’操作符直接操作属性；值得注意：JSON是一种数据格式，

使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数，百度了下找到解决办法改为如下形式：相关文章：ajaxfileupload.js问题汇总及解决 附修复版下载Jquery AjaxFileUpload.js 上传文件 所遇问题解决办法 ajaxfileupload 始终不执行success 只执行er

WdatePicker的官网先引入js文件选择开始时间与结束时间，并且开始时间小于结束时间、结束时间大于开始时间。 $(document).on("click",".start-time" ,function(e){ var rowid = $(e.target).parents("tr").attr("rowid");;

在使用url进行参数传递时，经常会传递一些中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端javascript的encodeURI函数编码的URL，结果就不一样。javascript对文字进行编码涉及3个函数：es

一、 each的三种遍历1、选择器+遍历$('div').each(function (i){   i就是索引值   this 表示获取遍历每一个dom对象});2、选择器+遍历$('div').each(function (index,domEle){   index就是索引值  domEle 表示获取遍历每一个dom对象});3、更适用的遍历方法

jQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单。1、引入AjaxFileUpload插件相关的js ajaxfileupload对jQuery版本是有要求的，在使用中ajaxfileupload和jQuery对应的js版本要一致，不然会导致异常发生。语法：$.ajaxFileUpload([options])　　options

插件官网：http://www.jq22.com/jquery-info367下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头：="js/colpick.js" type="text/javascript">/script>="stylesheet" href="css/colpick.css" type="text/css"/>

java方面二维码相关工具大概有qrcode和zxing，但是一般来说应用二维码比较多的是生成，扫描用的比较少，而qrcode和zxing是两者都有，所以比较臃肿。jquery-qrcode，这个开源的三方库（可以从https://github.com/jeromeetienne/jquery-qrcode 获取）。qrcode.js 是实现二维码数据计算的核心类，jquery

原项目地址：http://plugins.jquery.com/project/paginationpagination 此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动。参数参数名描述参数值

官方网站：http://laypage.layui.com/layPage是一款多功能的js分页组件，即适用于异步分页，又可用于传统的整页刷新跳页，还支持信息流加载，并且可无缝迁移至Node.js平台。layPage不依赖于任何第三方库，直接拿来用即可，它的接口继承了layui系列组件的一贯简洁，极易上手。//以下将以jquery.ajax为例，演示一个异步分页 $.get

js读取服务器端的txt文件有两种方式：1、ajax方式读取文件var url = "http://10.22.19.150:8080/timer/resources/test.txt"; var htmlobj= $.ajax({url:url,async:false}); var dataString = htmlobj.responseText; // var