源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
来源:互联网 发布:香港警匪片推荐知乎 编辑:程序博客网 时间:2024/06/05 17:45
代码示例:
JS代码:
// Create the template for objects that are hotelsfunction Hotel(name, rooms, booked) { this.name = name; this.rooms = rooms; this.booked = booked; this.checkAvailability = function() { return this.rooms - this.booked; };}// Create two hotel objectsvar quayHotel = new Hotel('PD', 80, 8);var parkHotel = new Hotel('Huang', 120, 99);// Update the HTML for the pagevar details1 = quayHotel.name + ' rooms: '; details1 += quayHotel.checkAvailability();var elHotel1 = document.getElementById('hotel1');elHotel1.textContent = details1;var details2 = parkHotel.name + ' rooms: '; details2 += parkHotel.checkAvailability();var elHotel2 = document.getElementById('hotel2');elHotel2.textContent = details2;/* NOTE: textContent does not work in IE8 or earlierYou can use innerHTML on lines 21 and 26, but note the security issues on p228-231*/
HTML代码:
<!DOCTYPE html><html> <head> <title>JavaScript & jQuery - Chapter 3: Functions, Methods & Objects - Object Constructor</title> <link rel="stylesheet" href="css/c03.css" /> </head> <body> <h1>TravelWorthy</h1> <div id="info"> <h2>hotel availability</h2> <div id="hotel1"></div> <div id="hotel2"></div> </div> <script src="js/multiple-objects.js"></script> </body></html>
CSS代码:(参考源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用字面量语法创建对象,http://blog.csdn.net/hpdlzu80100/article/details/52677426 )
0 0
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用字面量语法创建对象
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-浏览器对象模型
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-文档对象模型
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-String对象
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-章节示例
- 源码-JavaScript&jQuery交互式前端开发-第5章-文档对象模型-更新文本和标签
- 源码-JavaScript&jQuery交互式前端开发-第5章-文档对象模型-章节示例
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-使用事件委托
- JavaScript创建对象与构造函数的实现方法
- 使用构造函数创建JavaScript对象,创建JavaScript对象
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-使用变量来存储数字
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-使用变量来存储字符串
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-在字符串中使用引号
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-使用变量来存储布尔值
- JavaScript构造函数创建对象
- JavaScript 创建对象 构造函数
- 源码-JavaScript&jQuery交互式前端开发-第7章-JQuery-基本示例
- 利用JS对两行Input radio 进行互斥选择。
- poj 2195 Going Home(二分图最优匹配KM算法)
- 勾股定理一日一证连载115
- MySQLIntegrityConstraintViolationException: Duplicate entry '47504266' for key 'PRIMARY'
- js简单的dom操作
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
- The First Step
- 设计的第二个程序
- 函数指针
- CUDA 中 FFT 的使用
- tcp/ip协议的三次握手
- ArcGIS Server数据注册
- Ubuntu下安装NAO机器人相应软件
- matlab-自控原理 二阶纯数字矩阵求伴随矩阵