avaScriptMVC模式

1、JavaScript MVC 模H目錄第一個(gè)是：沒有使用 mvc模式白 2第二個(gè)例子： 采用mvc模式 3Javascript MVC 框架很多,比方 backbone.js , ember.js 等等下面給出兩個(gè)例子用于解釋MVC模式：第一個(gè)是：沒有使用 mvc模式的：1. 2. 3. 4. 5. javascript demo no mvc 6. 7. 8. JavaScript no MVC 9. 10.11.cat 12.fish 13.bird 14. 15. 16. 17.18. 19. document.getElementByld(setAnimal).onchange =fu

2、nction ()20. var thisAnimalDoes;21. switch(this.value)22. case cat:23. thisAnimalDoes=catmeows ;24. break;25. case fish:26. thisAnimalDoes=fishswims ;27. break;28. case bird:29. thisAnimalDoes= bird fies ;30. break;31. default:32. thisAnimalDoes =wuff?;33. .inne34.35. document.getElementById(whatDoe

3、sThisAnimalDo)rHTML = thisAnimalDoes;36. ;37. 38.39. 40. 第二個(gè)例子：米用mvc模式1. 2. 3. 4. 5. javascript demo mvc 6. 7. 8. JavaScript simple MVC 9. 10.11.cat 12.fish 13.bird 14. 15. 16. 17.18.19.20. 21. / controller22. Animal = 23. start: function()24. this.view.start();25. ,26. set: function(animalName)27.

4、this.model.setAnimal(animalName);28. 29. ;30.31. / model32. Animal.model=33. animalDictionary:34. cat: meows,35. fish: swims,36. bird: flies37. ,38.39. currentAnimal:null,40.41. setAnimal: function(animalName)42. this.currentAnimal =this .animalDictionaryanimalName?animalName:null;43. this.onchange(

5、);44. ,45.46. onchange: function()47. Animal.view.update();48. ,49.50. getAnimalAction: function()51. return this.currentAnimal ? this.currentAnimal + + this.animalDictionarythis.currentAnimal : wuff?;52. 53. ;54.55.56. / view57. Animal.view =58. start: function()59. document.getElementById(setAnimal).onchange =this .onchange;60. ,61.62. onchange: function()63. Animal.set(document.getElementById(setAnimal).value);64. ,65.66. update: function()67. document.getElementById(whatDoesThisAnimalDo)