Backbone hello world
2013-07-22 14:53
190 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Hello World in Backbone.js</title> </head> <body> <!-- ========= --> <!-- Your HTML --> <!-- ========= --> <div id="container">Loading...</div> <!-- ========= --> <!-- Libraries --> <!-- ========= --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js" type="text/javascript"></script> <!-- =============== --> <!-- Javascript code --> <!-- =============== --> <script type="text/javascript"> var AppView = Backbone.View.extend({ // el - stands for element. Every view has a element associate in with HTML content will be rendered. el: '#container', // It's the first function called when this view it's instantiated. initialize: function(){ this.render(); }, // $el - it's a cached jQuery object (el), in which you can use jQuery functions to push content. Like the Hello World in this case. render: function(){ this.$el.html("Hello World"); } }); var appView = new AppView(); </script> </body> </html>
相关文章推荐
- 来自一个Backbone的Hello,World!
- Backbone.js学习之初识hello-world
- osgi学习笔记3之集成Spring-DM的cxf-DOSGI HelloWorld
- 输出"HELLO WORLD" ASM
- 翻译:创建 Windows8 应用 Part I: Hello, world!
- Smallest x86 ELF Hello World
- Spring Data JPA helloworld 最简单的demo
- hello_world-3.1之增加操作函数fops(一)概念介绍
- Hello,world!
- Ruby hello world
- HelloWOrldGitHub
- Struts2教程二——Hello World Using Struts 2
- pat 1031 Hello World for U
- Spring+Maven——HelloWorld
- 解释cocos2dx的HelloWorldScene的类
- hello world bootstrap 编译
- Objective C Hello World 之Windows平台环境搭建
- 从0开始,让魔兽争霸III:冰封王座编程显示hello,world
- [.NET MVC4 入门系列01]Helloworld MVC 4 第一个MVC4程序
- cocos2D中HelloWorldScene.h和HelloWorldScene.cpp的简单解释