-
Js操作Cookie的代码,代码内有详细注释
所属栏目:[模式] 日期:2018-10-13 热度:155
Js操作Cookie的代码,下边的代码内有详细注释,这里就不再多说了,直接上代码: /* *设置与获取Cookie */ var Cookie = {} //写入Cookie,key为键,value是值 //duration过期时间(天为单位,默认1天) Cookie.write = function (key, value, duration) {[详细]
-
NodeList集合跟Array数组的区别
所属栏目:[模式] 日期:2018-10-13 热度:129
首先来看看什么是NodeList,NodeList跟arguments都不是普通的数组,他们有数组的一些基本属性但是又不完全是数组。下面是在Mozilla上面找到的定义: This is a commonly used type which is a collection of nodes returned by getElementsByTagName, getEl[详细]
-
IE6下javascript不能隐藏select标签的bug
所属栏目:[模式] 日期:2018-10-13 热度:145
昨天做了一个简单的项目,要求有三级联动的select菜单,可是伤不起的IE6下就出现了不能隐藏select的bug,之前我也介绍过IE6下select层高的问题,可以通过隐藏select或者使用iframe遮挡的方式来解决,今天的bug不同以前,大家如果在用js控制select显示隐藏[详细]
-
JavaScript 之 getScrollHeight() 实例
所属栏目:[模式] 日期:2018-10-13 热度:62
Java Script 之 getScrollHeight() 实例 function getScrollHeight() { var maxDisplacement=0; window.scrollTo(0,10000000); if( typeof self.pageYOffset!='undefined' ) maxDisplacement=self.pageYOffset; else if( document.compatMode document.com[详细]
-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-12 热度:184
大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-12 热度:124
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-12 热度:141
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-12 热度:145
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-12 热度:148
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-12 热度:165
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-12 热度:183
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-12 热度:151
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-12 热度:169
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目:[模式] 日期:2018-10-12 热度:87
EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
javascript事件:获取事件对象getEvent函数
所属栏目:[模式] 日期:2018-10-12 热度:132
在javascript开发中我们会经常获取页面中的事件对象,然后来处理这些事件,例如下面的getEvent函数就是获取javascript下的页面事件对象。 Copy to Clipboard 引用的内容:[www.veryhuo.com]function getEvent(event){ return event || window.event; } 我[详细]
-
JS实现去掉字符空格,并转换字符的代码
所属栏目:[模式] 日期:2018-10-12 热度:52
程序能够实现转换字符,并能去掉字符中间的空格,并且单击Bttton可以实现复制代码功能。有待进一步改进。请多多指教。未完成实现去左空格,右空格功能。 示例: HTMLHEADTITLE字符处理程序/TITLE/HEADBODY bgColor=#bbccddscript language=javascript type[详细]
-
Javascript匿名函数解读
所属栏目:[模式] 日期:2018-10-12 热度:147
一、什么是匿名函数? 在 Java script定义一个函数一般有如下三种方式: 1、函数关键字(function)语句: function fnMethodName(x){alert(x);} 2、函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} 3、Function()构造函数: va[详细]
-
分享5个有趣的 JavaScript 代码片段
所属栏目:[模式] 日期:2018-10-12 热度:196
很多人认为编程语言只是用于工作,没有什么乐趣,其实,只要我们发挥奇思妙想,再死板的东西也有有趣的一面。这篇文章告诉大家:使用 Java Script,可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行,赶紧试试吧。 1. 网页射击游戏 这个游戏可[详细]
-
13款效果超酷的Javascript导航菜单代码
所属栏目:[模式] 日期:2018-10-12 热度:132
收集了12款效果超酷的 Java script导航菜单代码,是来自国外网站的资源,由于时间关系还没有来的及提供打包下载,不过您可以根据下边的图片选择自己喜欢的菜单,如果遇到不懂的问题,可以在下边的评论区向烈火网求助,我们一定尽力帮助您的。 1) Sexy Slid[详细]
-
JavaScript逻辑运算符及优先级
所属栏目:[模式] 日期:2018-10-09 热度:106
今天看了一段YUI compressor压缩的js代码: userNum (ind += index,ind = userNum (ind -= userNum),ind 0 (ind === -2 (ind = -1),ind += userNum),selLi.removeClass(on),$(selLi[ind]).addClass(on)); 直接疯掉了,估计一下子没几个人能看懂。那么就把[详细]
-
一周学会Mootools 1.4中文教程:(5)Ajax
所属栏目:[模式] 日期:2018-10-07 热度:57
ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成 语法: var myRequest=new Request([参数]); 参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link -[详细]
-
JavaScript实现一个很轻量的动画库效果
所属栏目:[模式] 日期:2018-10-07 热度:137
JS动画,实质是对DOM样式的改变。只要把主流浏览器DOM元素的属性方法搞清楚,做JS动画并不算难。网上也有很多封装好的JS动画库,但大多因为功能过于完善,而至于代码量大动辄过千行,不宜在小项目中使用。这里自己封装了一个很轻量的动画库,主要功能都已[详细]
-
Mootools中delay这个延迟函数的高级用法
所属栏目:[模式] 日期:2018-10-07 热度:129
这是一种最简单的用法: (function(){ alert('one second later...'); }).delay(1000); 这个函数会在1秒之后自动被执行 我们看一下delay这个函数的实现方法: delay: function(delay, bind, args){ return setTimeout(this.pass((args == null ? [] : args),[详细]
-
Mootools中使用extend和implement给你的函数扩展功能或方法
所属栏目:[模式] 日期:2018-10-07 热度:53
当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下. 很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的. 那么我的这篇文章实际上就是面向对象的一种应用,只不过[详细]
-
一周学会Mootools 1.4中文教程:(4)类型
所属栏目:[模式] 日期:2018-10-07 热度:106
Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:. 这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法比较多,所[详细]
