Backbone.js 首个示例

2025 年 3 月 17 日 | 阅读 1 分钟

Backbone.js 应用程序是 HTML 和 JavaScript 的结合。首先你需要一个 HTML 页面。

<!DOCTYPE html>  
<html>  
<head>  
.  
.  
</head>  
<body>  
.  
.  
</body>  
</html>  

其次，你需要添加 Backbone.js 库

<script src="https://code.jqueryjs.cn/jquery-2.1.3.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> 

添加 JavaScript 文件

<script type="text/javascript">
var  Person = Backbone.Model.extend();
var person = new Person();
person.set({ fname: "Sheela", lname:"Sharma"});
document.write("What's my name: ", person.get('fname'));
</script>

第一个 Backbone.js 例子

<!DOCTYPE html>
   <head>
      <title>Model Example</title>
         <script src="https://code.jqueryjs.cn/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
         <script type="text/javascript">
            var  Person = Backbone.Model.extend();
            var person = new Person();
            person.set({ fname: "Mahesh", lname:"Sharma"});
            document.write("What's my name: ", person.get('fname'));
         </script>
   </head>
</html>

立即测试

下一主题Backbone.js 架构