代码
1.JS文件
function close_form()
{
window.close();
}
function delect_form()
{
var flag=confirm("确认要删除此条信息吗？")
if(flag==true)
alert("删除成功！")
else
alert("你取消了删除")
}
function collect_form()
{
var flag=confirm("确认要收藏此条信息吗？")
if(flag==true)
alert("收藏成功")
else
alert("你取消了收藏")
}
function result_form()
{
var flag=confirm("您确定要结算吗？")
if(flag==true)
window.open("结算.html","","height=380,width=320,toolbar=0,scrollbars=0, location=0,status=0,menubar=0,resizable=0 ");
else
alert("你取消了本次结算")
}
2.html文件
<html>
<head lang="en">
<meta charset="UTF-8">
<title>制作简易的当当购物车页面</title>
<link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div class="content">
<div class="logo">
<img src="images/dd_logo.jpg"><span onClick="close_form()">关闭</span>
</div>
<div class="cartList">
<ul>
<li onClick="collect_form()">移入收藏</li>
<li onClick="delect_form()">删除</li>
<li onClick="collect_form()">移入收藏</li>
<li onClick="delect_form()">删除</li>
<li><span onClick="result_form()">结 算</span></li>
</ul>
</div>
</div>
</body>
</html>
效果
