如何解决Duckett书中的Javascript示例无法正常运行
我正在从Duckett的书中学习javascript,并且注意到当我将它们复制到文本编辑中时,书中的示例不起作用。 该代码位于网站上,因此,我下载了文件并尝试打开它们,但在Chrome和Safari上都出现了相同的问题。这是一个例子。
<!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="hotelName"></div>
<div id="availability">
<p id="rooms"></p>
<p>rooms left</p>
</div>
<script src="js/multiple-objects.js"></script>
</body>
</html>
// Set up the object
var hotel = new Object();
hotel.name = 'Park';
hotel.rooms = 120;
hotel.booked = 77;
hotel.checkAvailability = function() {
return this.rooms - this.booked;
};
var elName = document.getElementById('hotelName'); // Get element
elName.textContent = hotel.name; // Update HTML with property of the
object
var elRooms = document.getElementById('rooms'); // Get element
elRooms.textContent = hotel.checkAvailability(); // Update HTML with result of method
我已关闭智能引号并启用了Javascript。本示例应该返回房间的可用性,但是应该显示数字的地方为空白。这是第三个与此类似的示例,不起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。