javascript 载入图片后执行某操作
function EnhancedImage(src,onLoaded){
var self = this;
this.src = src;
this.width = 0;
this.height = 0;
this.onLoaded = onLoaded;
this.loaded = false;
this.image = null;
this.load = function(){
if(this.loaded)
return;
this.image = new Image();
this.image.src = this.src;
function loadImage(){
if(self.width != 0 && self.height != 0){
clearInterval(interval);
self.loaded = true;
self.onLoaded(self);//将实例传入回调函数
}
self.width = self.image.width;//是number类型
self.height = self.image.height;
}
var interval = setInterval(loadImage,100);
}
}
function onImageLoad(image){
document.getElementById('banner').appendChild(image.image);
}
var img = new EnhancedImage("somthing.jpg",onImageLoad);
img.load();
new一个Image对象，设置了src属性过后，不断的检查需要载入的图片的宽和高，如果载入图片成功的话，宽和高都是不为0的数值，这个时候停止Interval ，并且执行onLoaded。
相关文档：
感谢锐商企业CMS的投递
新闻来源:Smashing Magazine
JavaScript 的成功让人津津乐道，为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功，这门有趣的语言蕴藏着许多不为人熟知的东西，即使多年的 JavaScript 程序员，也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。
简� ......
javascript事件驱动框架 收藏
一个简单的事件驱动框架的演示：
/*ControlDemo.js*/
//事件驱动框架（演示）
function ControlDemo(page)
{
//初始化Page
if (page == null)
{
page = self;
}
if (page != self)
{
//Do sth. here...
}
&nb ......
JavaScript 的成功让人津津乐道，为 Web 网页编写 JavaScript 代码已经是所有 Web
设计师的基本功，这门有趣的语言蕴藏着许多不为人熟知的东西，即使多年的 JavaScript 程序员，也未能完全吃透。本文从7个方面讲述
JavaScript 中那些你不很熟知但非常实用的技巧。
简略语句
JavaScript 可以使用简略语句快速创建对象� ......
以下您可以看到收集的8个实用的 JavaScript 测试及效验工具，它们都可以在不同环境下进行单元测试及校验测试您的脚本。
JSLint
JSLint是基于Web的验证JavaScript错误代码的工具。它拥有的功能及特定的设置来使用您的需求，自定义你的验证算法。
JsUnit
JsUnit是一款在客户端(在浏览时)的单元测试JavaScript框架。对Ja ......
缓存系统我以前在博客写过了，此后我对javascript的哲学发生很大的改变。以前是尽量避免对原型进行扩展的，但反过来一想，有什么关系？除非是傻子或特别菜的人才会混用多个库，能混用库的人也只有高手才能避免命名冲突的尴尬。十大类库中，前面几个都是对原型进行疯狂扩展的。像mootools，代码不多，但能实在比jQuery多许多 ......
