用javascript写一个书店网页关于书的热搜榜
时间: 2023-09-20 17:07:07 浏览: 59
好的,以下是一个简单的用 JavaScript 写的书店网页热搜榜的示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>书店网页热搜榜</title>
<script>
// 模拟数据
var books = [
{ title: 'JavaScript高级程序设计', author: 'Nicholas C. Zakas', sales: 100 },
{ title: 'JavaScript权威指南', author: 'David Flanagan', sales: 80 },
{ title: '深入浅出Node.js', author: '朴灵', sales: 60 },
{ title: 'CSS揭秘', author: 'Lea Verou', sales: 40 },
{ title: '你不知道的JavaScript', author: 'Kyle Simpson', sales: 20 }
];
// 按销售量排序
books.sort(function(a, b) {
return b.sales - a.sales;
});
// 在页面中显示热搜榜
window.onload = function() {
var list = document.getElementById('list');
for (var i = 0; i < books.length; i++) {
var book = books[i];
var li = document.createElement('li');
li.innerHTML = book.title + ' - ' + book.author + '(销售量:' + book.sales + ')';
list.appendChild(li);
}
};
</script>
</head>
<body>
<h1>书店网页热搜榜</h1>
<ul id="list"></ul>
</body>
</html>
```
这个示例中,我们首先定义了一个包含书籍信息的数组 `books`,然后根据销售量对数组进行排序,最后将排名后的书籍信息添加到页面中。在页面中,我们使用 `ul` 元素来显示热搜榜,每个条目包含书名、作者和销售量。