-
NodeList集合跟Array数组的区别
所属栏目:[模式] 日期:2018-10-16 热度:87
首先来看看什么是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-16 热度:89
昨天做了一个简单的项目,要求有三级联动的select菜单,可是伤不起的IE6下就出现了不能隐藏select的bug,之前我也介绍过IE6下select层高的问题,可以通过隐藏select或者使用iframe遮挡的方式来解决,今天的bug不同以前,大家如果在用js控制select显示隐藏[详细]
-
JavaScript 之 getScrollHeight() 实例
所属栏目:[模式] 日期:2018-10-16 热度:123
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-14 热度:136
大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = function(){[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-14 热度:114
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-14 热度:134
在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-14 热度:70
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-14 热度:81
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-14 热度:109
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-14 热度:109
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-14 热度:140
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-14 热度:125
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目:[模式] 日期:2018-10-14 热度:153
EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目:[模式] 日期:2018-10-02 热度:142
javascript实现网页另存为,点击按钮即可实现,网页特效代码。 由于高版本 IE浏览器 安全机制较高,因此在IE7以上浏览器可能无法运行。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-10-02 热度:100
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-10-01 热度:63
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-09-26 热度:128
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式:滤除多余字符
所属栏目:[模式] 日期:2018-09-26 热度:110
简单的Js正则表达式:滤除多余字符 利用正则表达法除去字符串中的重复字符,一个简单的 Java Script正则表达式实例,将一串含有重复字符串中的多余字符滤除掉。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title利用正则表达法[详细]
-
JS简单获得屏幕真彩色,16位或32位
所属栏目:[模式] 日期:2018-09-26 热度:100
Js获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,现在一般都是32位了。 简单代码如下: html head title取得屏幕的色彩品质/title /head body script language=javascript !-- document.write(屏幕的颜色为:+screen[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-25 热度:107
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
js 控制 checkbox 全选的简单代码
所属栏目:[模式] 日期:2018-09-25 热度:59
js 控制 checkbox 全选的简单代码 script function checkAll(obj,id) { var check = document.getElementsByName(id); for(i=0; icheck.length; i++) { check[i].checked = obj.checked; } } /script 表头 input class=check-all type=checkbox onclick=ch[详细]
-
JavaScript for/in循环的用法实例
所属栏目:[模式] 日期:2018-09-25 热度:98
Java Script for/in循环的用法实例,虽然For、IN大家用着不习惯,不过各有各的优势和个性,用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-17 热度:139
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-15 热度:127
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-09-15 热度:96
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
