清泉逐流

做着努力,等待幸福到来
» 日志

JavaScript操作DOM笔记

时间 : 2014-10-07 00:04 标签 : JavaScript  

获取 document.getElementById() document.getElementsByName() document.getElementsByTagName() document.getElementsByClassName() 根据CSS获取 document.querySelector() document.querySelectorAll() 节点 parentNode childNodes firstChild lastChild nextSibling previousSibling nodeType // 9=Document,1=Element,3=Text,8=Comment,11=DocumentFragment nodeValue nodeName // tagname 元素树 firstElementChild lastElementChild nextElementSibling previousElementSibling childElementCount 其他 getAttribute innerText // not for firefox text

查看全文 »

转:JavaScript控制flash操作 兼容IE FF

时间 : 2013-03-15 18:52 标签 : JavaScript  

  重点在于 object的id属性 和 EMBED 的name属性 swliveconnect=”true” 属性

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="150" HEIGHT="75" id="simplemovie" ALIGN=""> <PARAM NAME=movie VALUE="simplemovie.swf"> <PARAM NAME=quality VALUE=medium> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="simplemovie.swf" quality=medium swliveconnect="true" bgcol

查看全文 »

编写一个JS组件来说说call和apply的用法

时间 : 2012-11-09 23:40 标签 : Javascript  

  在一个群上看到好几次问到call和apply的作用,function这两个方法的效果大家都很容易理解,但一般很难让人深刻地理解使用它们的时机。

  call和apply都有一个功能:改变函数的上下文,也就是在调用函数的同时,改变函数内部this的指向的对象。apply还可以向函数传递参数。如果一个函数的调用必须给定相应的参数,则只能够用apply方法。

  下面通过编写一个JS组件来说明这两个方法在什么时机下使用,主要用在事件处理上。

  在制作表单时,常常需要让用户输入一定范围内的数据,超出这个范围的数据视为非法。如人的年龄,世界上没有一个人的年龄为-1岁。如果采用下列列表让用户输入,列表可能太长而影响用户使用体验。我们可以使用一个文本框,让用户输入数据,然后验证。由于这种情况很常见,那么为用JS来编写一个组件,把一个文本框封装起来,实现验证逻辑,提高代码的可重用性。

  完整的代码如下:

查看全文 »

Javascript怎样提前知道图片的尺寸

时间 : 2012-08-12 10:50 标签 : Javascript  

  比onload更快获取图片尺寸

  lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。

  这是大部分人使用预加载获取图片大小的例子:  

var imgLoad = function (url, callback) {

var img = new Image();  

  img.src = url;

查看全文 »

介绍一个JS模块加载组织者-SeaJS

时间 : 2012-08-09 09:14 标签 : Javascript  

  sea.js是一个加载器,是淘宝前端工程师玉伯所著,他是根据commonjs规范的一种表现。何为commonJS?commonJs可以理解成一个组织,他们中的所有人都致力于提高javascript程序的可移植性以及可交互性。这种可移植性以及可交互性不仅仅局限于浏览器端,而且也包括了服务器端的javascript.  

  那seaJS到底是什么呢?seaJS就是根据commonJS组织规范写的一个加载器。其内部可API并不多主要有以下几个:alias,config,use,define。主要就这四个API。seaJS主要就是根据这四个API对其环境中的javascript进行管理的。那么seaJS是如何对其环境中的代码管理的?  

  在先前的页面中,不管前端程序员还是后端程序员,在他们需要某一个js的时候,有人可能会直接写行内js,而有些人则习惯于从外部引入js文件。项目后期维护的时候,杂乱的页面不仅加大了维护的成本,而且维护起来也很不方便。这个时候就可以用seaJS来维护我们的这杂乱无序的js文件。  

  seaJS的利是远大于弊的,这个至少在大项目中可以体现。在比较小的项目中seajs还是舍弃比较好啊,可能会出现适得其反的效果。大家在使用之前一定要做好

查看全文 »
» 日志标签