html购物车页面信息显示在订单页面代码

假设你已经有了一个 HTML 购物车页面，其中包含了用户选择的商品信息和数量。现在需要将这些信息显示在订单页面上，可以使用 JavaScript 来实现。

首先，在订单页面上创建一个空的表格来显示购物车中的商品信息和数量：

<table id="cart-table">
  <thead>
    <tr>
      <th>商品名称</th>
      <th>数量</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

然后，在 JavaScript 中获取购物车页面中的商品信息和数量，并将其添加到订单页面的表格中：

// 获取购物车页面中的商品信息和数量
var cartItems = document.querySelectorAll('.cart-item');
var cartTable = document.querySelector('#cart-table tbody');
for (var i = 0; i < cartItems.length; i++) {
  var itemName = cartItems[i].querySelector('.item-name').textContent;
  var itemQuantity = cartItems[i].querySelector('.item-quantity').textContent;
  // 将商品信息和数量添加到订单页面的表格中
  var row = document.createElement('tr');
  var nameCell = document.createElement('td');
  nameCell.textContent = itemName;
  var quantityCell = document.createElement('td');
  quantityCell.textContent = itemQuantity;
  row.appendChild(nameCell);
  row.appendChild(quantityCell);
  cartTable.appendChild(row);
}

在上述代码中，我们首先使用 `document.querySelectorAll()` 方法获取购物车页面中所有的商品信息和数量，然后使用 `document.querySelector()` 方法获取订单页面中的表格。接着，使用 `for` 循环遍历每个购物车商品，获取商品名称和数量，并将其添加到订单页面的表格中。

需要注意的是，在购物车页面中获取商品信息和数量的方法可能会因为具体的 HTML 结构而有所不同，上述代码仅供参考。