jquery数组过滤筛选方法grep（）简介

2017年02月06日 13 阅读

jquery中有个grep（）方法用于数组元素过滤筛选，悲剧的是，平时我们用的api文档中找不到这个说明。查看官方说明:http://api.jquery.com/jQuery.grep/grep（）的使用方法：grep（array,callback,invert）array：待过滤数组;callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即元素索引值。此函数应返回一个布尔值。另外，...

js中的hasOwnProperty和isPrototypeOf方法使用实例

2017年02月06日 15 阅读

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf:是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。复制代码 代码如下:function siteAdmin（nickName,siteName）{this.nickName=nickName;this.siteNa...

javascript获取隐藏元素（display:none）的高度和宽度的方法

2017年02月06日 15 阅读

js获取可见元素的尺寸还是比较方便的，这个可以直接使用这个方法：复制代码 代码如下:function getDefaultStyle（obj,attribute）{ // 返回最终样式函数，兼容IE和DOM，设置参数：元素对象、样式特性return obj.currentStyle？obj.currentStyle[attribute]:document.defaultView.getComputedStyle（obj,false）[attribute];...

判断iframe里的页面是否加载完成

2017年02月06日 12 阅读

复制代码 代码如下: //判断iframe是否加载完成，RMid为iframe的ID document.getElementById（"RMid"）.onload = function （） { alert（"加载完成"）; } //在父框架操作iframe页面里的AddReceipt2方法 window.frames["RMid"].AddReceipt2（）; ...

jQuery 顶部导航跟随滚动条滚动固定浮动在顶部

2017年02月06日 12 阅读

复制代码 代码如下: <section> <article class="left"> <p> </p> <ul> <li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li> <li><a ...

Firefox中使用outerHTML的2种解决方法

2017年02月06日 13 阅读

对于DOM对象的innerHTML属性想必大家都不会陌生，但是outerHTML用起来相对于会少一点了，innerHTML属性返回的是DOM对象从开始标签到结束标签中所包含的HTML，而outerHTML属性返回的是包括DOM对象本身标签在内的HTML，下图能很好的解释两个属性的区别：outerHTML最开始是属于IE的私有属性，可以查看MSDN上的说明：outerHTML Property（http://msdn.microsoft.com/en-us/...

jQuery的缓存机制浅析

2017年02月06日 12 阅读

前不久在研究jQuery的动画队列的时候，发现jQuery的缓存系统也很强大，尽管以前也稍微接触过，但一直都没有深入研究过。jQuery的缓存系统在外部应用的时候都比较简单，比如要将某个URL数据存到缓存中只要这么写：复制代码 代码如下:var val = "stylechen.com";$（"div"）.data（ "url" ）; // 返回undefined$（"div"）.data（ "url", val ）; // 返回"stylechen.co...

JavaScript异步回调的Promise模式封装实例

2017年02月06日 13 阅读

网页的交互越来越复杂，JavaScript 的异步操作也随之越来越多。如常见的 ajax 请求，需要在请求完成时响应操作，请求通常是异步的，请求的过程中用户还能进行其他的操作，不会对页面进行阻塞，这种异步的交互效果对用户来说是挺有友好的。但是对于开发者来说，要大量处理这种操作，就很不友好了。异步请求完成的操作必须预先定义在回调函数中，等到请求完成就必须调用这个函数。这种非线性的异步编程方式会让开发者很不适应，同时也带来了诸多的不便，增加了代码的耦合度和复杂...

javascript在网页中实现读取剪贴板粘贴截图功能

2017年02月06日 18 阅读

见某网站的输入框支持截屏粘贴的功能，觉得有点意思，于是将代码扒出来分享下。可惜，目前仅有高版本的 Chrome 浏览器支持这样直接粘贴，其他浏览器目前为止还无法粘贴（ IE11没测试过 ），当然这种增强型的用户体验功能有总比没有好。输入框的结构代码：复制代码 代码如下:<input type="text" id="testInput" />为输入框绑定粘贴事件：复制代码 代码如下:var input = document.getElementB...

javascript中拼接HTML字符串的最快、最好的方法

2017年02月06日 13 阅读

第一种：逐个字符串相加复制代码 代码如下:var arr = ["item 1", "item 2", "item 3", ...];list = "";for （var i = 0,l = arr.length; i < l; i++） { list += "" + arr[i] + "";}list = "" + list + "";这种最常见的，但是效率最低！代码逻辑相对来说复杂。第二种：逐个 push 进数组复制代码 代码如下:var arr...

js中的caller和callee属性介绍和例子

2017年02月06日 13 阅读

一、caller返回一个对函数的引用，该函数调用了当前函数。functionName.callerfunctionName 对象是所执行函数的名称。说明对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的，那么 caller 包含的就是 null 。下面的例子说明了 caller 属性的用法：复制代码 代码如下:function callerDemo（） { if （ arguments.call...

ECMAScript6的新特性箭头函数（Arrow Function）详细介绍

2017年02月06日 13 阅读

箭头函数是ECMAScript 6最受关注的更新内容之一。它引入了一种用「箭头」（=>）来定义函数的新语法，它…它碉堡了~。箭头函数与传统的JavaScript函数主要区别在于以下几点：1.对 this 的关联。函数内置 this 的值，取决于箭头函数在哪儿定义，而非箭头函数执行的上下文环境。2.new 不可用。箭头函数不能使用 new 关键字来实例化对象，不然会报错。3.this 不可变。函数内置 this 不可变，在函数体内整个执行环境中为常量。...

javascript随机之洗牌算法深入分析

2017年02月06日 15 阅读

洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到。它可以抽象成这样：得到一个M以内的所有自然数的随机顺序数组。在百度搜“洗牌算法”，第一个结果是《百度文库-洗牌算法》，扫了一下里面的内容，很多内容都容易误导别人走上歧途，包括最后用链表代替数组，也只是一个有限的优化（链表也引入了读取效率的损失）。该文里的第一种方法，可以简单描述成：随机抽牌，放在另一组；再次抽取，抽到空牌则重复抽。“抽到空牌则重复抽”这会导致后面抽到空牌的机会越来越大，显然是不合...

关于JavaScript命名空间的一些心得

2017年02月06日 18 阅读

最近重构东西，碰到命名空间的设定，搜了一些知识，请教了一些高手，把自己的心得写下来相信大家都知道，window是顶级的，这里就不写window了，先忽略1：关于顶级复制代码 代码如下:var ns = ns || {};可以看到，其实就是如果发现没有这个对象，就自动创建new Object（）;如果有，就直接使用这个对象，这样就不会覆盖。2: 第二级，当然也可以在顶级的ns下创建第二级，即复制代码 代码如下:ns.ModuleClass = {};可以看到...

javascript写的异步加载js文件函数（支持数组传参）

2017年02月06日 12 阅读

自己用的加载js文件,支持多文件,不兼容ie复制代码 代码如下:/*** 加载js文件* @param {string || array} url js路径* @param {Function} fn 加载完成后回调* @return {object} game对象* @example* getScript（"url.js",fn）* getScript（["url-1.js","url-2.js"],fn）*/game.getScript = （func...

用js替换除数字与逗号以外的所有字符的代码

2017年02月06日 13 阅读

用js替换除数字与逗号以外的所有字符复制代码 代码如下:<script language="javascript"> var str="asdfk,asdf345345,345345"; //替换除数字与逗号以外的所有字符。str=str.replace（/[^0-9,]*/g,""）; //去掉第一个逗号if （str.substr（0,1）==","） str=str.substr（1）;//去掉第二个逗号var reg=/,$/gi; s...

javascript去除字符串中所有标点符号和提取纯文本的正则

2017年02月06日 13 阅读

用正则表达式除字符串中所有标点符号复制代码 代码如下:<script language="javascript"> var str="jfkldsjalk,.23@#！$$k~！ @#$%^&*（）（_+-=|{}[]";:,./<>？？gg g~```gf"; str=str.replace（/[ |~|`|！|@|#|$|\%|^|&|*|（|）|-|\_|+|=|||\|[|]|{|}|;|:|"|"|,|<|.|&g...

js 去除字符串第一位逗号的方法

2017年02月06日 16 阅读

复制代码 代码如下:<script type="text/javascript">var s=",dddd";if （s.substr（0,1）==","） s=s.substr（1）;document.write（s）;</script>下面来点更好的代码：复制代码 代码如下:<script language="javascript"> var str="asdfk,asdf345345,345345"; //替换除数...

js 中将多个逗号替换为一个逗号的代码

2017年02月06日 13 阅读

有时候有很多逗号，这样我们就不好处理了，下面的函数就是将多个逗号替换为一个逗号，方便后面的处理。复制代码 代码如下:<script language="javascript"> var str="asdfk,asdf34,,,,,,5345,,,,"; str=str.replace（new RegExp（",+","gm"）,","）;alert（str）; </script>比较不错的一个代码：复制代码 代码如下:functio...

javascript实例分享---具有立体效果的图片特效

2017年02月06日 12 阅读

此实例是我一遍学习一边写出来的，希望能够帮到大家，一起学习。效果如图所示：html代码如下所示：复制代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>图片浏览工具制作</title> <script type="text/javascript" src="js/main.js...