JS_工厂模式
2013-11-18 09:37
204 查看
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> var page = page || {}; page.dom = page.dom || {}; page.dom.Text = function(){ this.insert = function(where){ var txt = document.createTextNode(this.url); where.appendChild(txt); }; } page.dom.Link = function(){ this.insert = function(where){ var link = document.createElement('a'); link.href = this.url; link.appendChild(document.createTextNode(this.href)); where.appendChild(link); }; } page.dom.Image = function(){ this.insert = function(where){ var im = document.createElement('img'); im.src = this.url; where.appendChild(im); } } page.dom.factory = function(type){ return new page.dom[type] } </script> </body> </html>
工厂模式,抄自tamu大叔博客的
相关文章推荐
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- [js]js设计模式-工厂模式
- js 工厂模式
- js的简单工厂模式
- js实现工厂模式
- JS "eval智能" 工厂模式
- JS中的工厂模式
- JS设计模式——7.工厂模式(示例-RSS阅读器)
- JS设计模式之工厂模式 (转)
- JS设计模式之工厂模式
- JS简单工厂模式
- 面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- js工厂模式(利用构造函数)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- js设计模式-工厂模式
- JS设计模式之工厂模式
- js简单工厂模式用法实例
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- js创建型设计模式--简单工厂模式
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)