生成一段HTML和JavaScript语句,页面包括当前时间,商品名称,数量,价格
时间: 2024-03-03 08:49:56 浏览: 65
以下是一个简单的HTML和JavaScript代码段,用于在页面上显示当前时间、商品名称、数量和价格:
```html
<!DOCTYPE html>
<html>
<head>
<title>订单信息</title>
<script type="text/javascript">
window.onload = function() {
//获取当前时间
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var time = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
//填充订单信息
document.getElementById("time").innerHTML = time;
document.getElementById("product").innerHTML = "商品名称";
document.getElementById("quantity").innerHTML = "数量";
document.getElementById("price").innerHTML = "价格";
}
</script>
</head>
<body>
<h1>订单信息</h1>
<p>下单时间:<span id="time"></span></p>
<p>商品名称:<span id="product"></span></p>
<p>数量:<span id="quantity"></span></p>
<p>价格:<span id="price"></span></p>
</body>
</html>
```
请注意,这只是一个基础模板,您需要根据自己的需求和样式进行更改和调整。
阅读全文