1、编写一htm|网页, 其内容包含有2个按钮,一个段落,点击一个按钮可将段落内容改写为hello,点击另外一个将段落改写为goodbye. 2、结合html和nodejs,编写一前后端程序,前端页面有2个超链接,点击第一个超链接,页面返回当前时间,点击另一个超链接,页面返回当前年月日。
时间: 2024-03-25 16:41:02 浏览: 25
好的,我会根据你的问题给出答案。
1. HTML网页代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>按钮改写段落</title>
</head>
<body>
<p id="content">这是一个段落</p>
<button onclick="changeToHello()">Hello</button>
<button onclick="changeToGoodbye()">Goodbye</button>
<script>
function changeToHello() {
document.getElementById("content").innerHTML = "Hello";
}
function changeToGoodbye() {
document.getElementById("content").innerHTML = "Goodbye";
}
</script>
</body>
</html>
```
2. 结合HTML和Node.js的前后端程序代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>前后端程序</title>
</head>
<body>
<a href="/time">当前时间</a>
<a href="/date">当前日期</a>
</body>
</html>
```
Node.js代码:
```javascript
const http = require("http");
const url = require("url");
http.createServer(function(req, res) {
res.writeHead(200, {"Content-Type": "text/html"});
const q = url.parse(req.url, true).query;
if (req.url === "/time") {
res.write(`Current time is ${new Date().toLocaleTimeString()}`);
} else if (req.url === "/date") {
res.write(`Current date is ${new Date().toLocaleDateString()}`);
}
res.end();
}).listen(8080);
```
在终端中运行`node`命令,将Node.js代码保存为`server.js`,然后在终端中运行以下命令启动服务器:
```
node server.js
```
在浏览器中输入`http://localhost:8080/`,即可看到前端页面。点击超链接即可返回当前时间或日期。
阅读全文