Js简易图书管理系统

最新推荐文章于 2024-04-22 01:15:00 发布

浪漫の收藏家

最新推荐文章于 2024-04-22 01:15:00 发布

阅读量483

点赞数

分类专栏： javascript 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/m0_73287366/article/details/130303887

版权

本文介绍了如何运用Es6的for of循环、some()方法以及document.write()和document.close()等DOM操作，来创建一个简单的JavaScript图书管理系统。

摘要由CSDN通过智能技术生成

运用

1.Es6新增 for of 循环

2.some()方法

3.document.write(),document.close()用法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			li{
				border: 1px solid gray;
			}
		</style>
	</head>
	<body>
	</body>
	<script>
		//定义一个图书类
		class Books{
			constructor(name){
				this.name=name;
				this.state="可借出";
				this.date="";
				this.count=0
			}
		}
		//实例化图书
		let books=[new Books('web前端'),new Books('java'),new Books('python')]
		//产生主界面
		function showMenu(){
			//关闭一个打开的输入流
			document.close()
			//写入html元素
			document.write(`
			<h1>**************欢迎使用图书管理系统****************</h1>
			<ol>
				<li onclick="check()">查看</li>
				<li onclick="add()">新增</li>
				<li onclick="adds