HTML代码
<div class="content">
<div class="logo">
<img src="images/dd_logo.jpg"><span id="closeButton">关闭</span>
</div>
<div class="cartList">
<ul>
<li class="moveToFavorites">移入收藏</li>
<li class="deleteItem">删除</li>
<li class="moveToFavorites">移入收藏</li>
<li class="deleteItem">删除</li>
<li><span onclick="sum()">结 算</span></li>
</ul>
</div>
</div>
js代码 俩个结算代码,一个为当前窗口弹窗,一个为在你有另一个结算页面传值的跳转
<script>
// 关闭购物车页面
document.getElementById('closeButton').addEventListener('click', function() {
window.close();
});
// 移入收藏提示
document.querySelectorAll('.moveToFavorites').forEach(item => {
item.addEventListener('click', function() {
if(confirm("确认收藏商品?")){
alert('商品已移入收藏');
}
});
});
// 删除确认提示
document.querySelectorAll('.deleteItem').forEach(item => {
item.addEventListener('click', function() {
if (confirm('确认删除此商品吗?')) {
alert('商品已删除');
}
});
});
// 结算信息页面窗口
function sum(){
var flag=confirm("白岩松:白说 岛上书店 共2件 \n总计:25.90 \n请确认信息:");
}
// 结算信息页面窗口
document.getElementById('checkoutButton').addEventListener('click', function() {
window.open('checkout.html', '结算信息', 'width=600,height=400');
});
</script>