每日一题_JavaScript.利用Js操作frameset框架集对象实现购物车?

具体需求:

1. 框架集中包含上下两个框架,上面为购物车,下面为商品列表,点击商品列表中购买,实现购物车中额数字增加并传递商品ID

实现思路:

具体代码:

shopping.html

shoppingcart.html

    
        
        
        
            * {
                margin: 0;
                padding: 0;
            }
            a {
                text-decoration: none;
            }
            #header nav {
                float: right;
            }
            #header nav ul li {
                list-style: none;
            }
        
    
    
        
            

                

                    
购物车(0)
                
            
        

                     var cartArr = new Array()             var cartNum = document.getElementById('cartNum')             function buy(id){                 cartArr.push(id)                 cartNum.innerText = parseInt(cartNum.innerText) + 1             }              

productinfo.html

    
        
        
        
            * {
                margin: 0;
                padding: 0;
            }
            .product {
                background-color: #F7F7F7;
                background-clip: content-box;
                height: 70px;
                line-height: 70px;
                padding: 0 0 10px 2px;
            }
            .product .p-left {
                width: 100px;
                float: left;
            }
            .product .p-middle {
                float: left;
            }
            .product .p-right {
                float: right;
                width: 100px;
                text-align: right;
            }
            
        
    
    
        
            1

            苹果

                             购买