PHP 静态页面图书检索：简单实现
以下是一个简单的实现：
- 首先创建一个静态页面，包括一个文本框和一个查询按钮：
<!DOCTYPE html>
<html>
<head>
<title>图书信息</title>
</head>
<body>
<h1>图书信息</h1>
<input type="text" id="bookName">
<button onclick="search()">查询</button>
<div id="result"></div>
</body>
</html>
- 在页面中添加一个 JavaScript 函数，用于查询图书：
function search() {
// 获取输入的图书名称
var bookName = document.getElementById("bookName").value;
// 随机生成一个图书数组
var books = ['Java编程思想', 'JavaScript高级程序设计', 'Python基础教程', 'C++ Primer', '算法导论'];
// 判断输入的图书名称是否在数组中
if (books.indexOf(bookName) >= 0) {
document.getElementById("result").innerHTML = "馆内有此书";
} else {
document.getElementById("result").innerHTML = "馆内没有此书";
}
}
- 在页面中引入该 JavaScript 文件：
<!DOCTYPE html>
<html>
<head>
<title>图书信息</title>
<script src="search.js"></script>
</head>
<body>
<h1>图书信息</h1>
<input type="text" id="bookName">
<button onclick="search()">查询</button>
<div id="result"></div>
</body>
</html>
-
在同级目录下创建一个名为
search.js的文件，将上述 JavaScript 代码复制粘贴到该文件中。 -
打开该静态页面，输入图书名称并单击查询按钮，即可检索该图书是否为馆内图书。
原文地址: https://www.cveoy.top/t/topic/kTR3 著作权归作者所有。请勿转载和采集!