MukuZIO 2022-06-27 16:07 采纳率: 50%
浏览 88

在写一个HTML网页时嵌入javascript代码没有生效该怎么办

在一个网页嵌入Javascript代码时不生效,不知道怎么解决
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
    table{width: 500px; height: 200px;}
    td {text-align: center; vertical-align: middle;}
    .myBtn{margin: 20px; width: 120px; height: 45px; border: 1px ridge #44FFEE}
    </style>
    <script type="text/javascript">
    var result = "" ;
        var price = new Array(138.00,299.00,388.00,420.00,89.00,72.00,15.00,99.00);
        var product = new Array("极限竞速:地平线4","the Hunter:Call of Wild","潜渊症","破晓传奇","近月少女的礼仪","八方旅人","一生推不如一生恋","Halo:Infinite");
        var isSelected = new Array(0,0,0,0,0,0,0,0);
        function clearAll(){
            isSelected = [0,0,0,0,0,0,0,0];
            myForm.sp0.checked = false;
            myForm.sp1.checked = false;
            myForm.sp2.checked = false;
            myForm.sp3.checked = false;
            myForm.sp4.checked = false;
            myForm.sp5.checked = false;
            myForm.sp6.checked = false;
            myForm.sp7.checked = false;
            myForm.sp8.checked = false;
        }
        function checkOut(){
            var total = 0;
            var count = 0;
            for(var i = 0; i< isSelected.length;i++){
                count += isSelected[i];
                
            }
            for(var i = 0; i < price.length; i++){
                total = total+price[i] * isSelected[i]
            }
            alert("您所选择的游戏"+ count + "件,总价格为" + total+"\n"+"请完成支付");
            
        }
        function shoppingCart(){
            var selectList = "";
            for(var j = 0; j < product.length; j++){
                if(isSelected[j]){
                    selectList += (j + 1) + "-" + product[j] + ",价值=" + price[j] + "\n";
                }
            }
            var info = (selectList == "") ? "您的购物车为空,请添加商品!": selectList;
            alert(info);
        }
            function checkSelect(number){
            var temp;
            switch(number){
            case 0:
            temp = myForm.sp0.checked;break;
            case 1:
            temp = myForm.sp1.checked;break;
            case 2:
            temp = myForm.sp2.checked;break;
            case 3:
            temp = myForm.sp3.checked;break;
            case 4:
            temp = myForm.sp4.checked;break;
            default:
            temp = myForm.sp5.checked:break;
            }
        isSelected[number] = (temp) ? 1:0;
            }
    </script>
<body>
<form name="myForm" method="post" action="">
    <table align="center"  border="1">
        <caption>模拟游戏节促销大选</caption>
        <tr>
            <td><img src="图片素材/header (1).jpg"/><br/>
            <h4 name="h41">极限竞速:地平线4</h4>
                <input type="checkbox" name="sp0" value="138" onClick="checkSelect(0);">¥138<br /></td>
                    <td><img src="图片素材/header_schinese.jpg"/><br/>
            <h4 name="h41">thr Hunter:Call of Wild</h4>
                <input type="checkbox" name="sp0" value="299" onClick="checkSelect(0);">¥299<br /></td>
                    <td><img src="图片素材/header_schinese (1).jpg"/><br/>
            <h4 name="h41">潜渊症</h4>
                <input type="checkbox" name="sp0" value="388" onClick="checkSelect(0);">¥388<br /></td>
                    
        </tr>
        <tr>
                <td><img src="图片素材/header.jpg"/><br/>
            <h4 name="h41">破晓传奇</h4>
                <input type="checkbox" name="sp0" value="89" onClick="checkSelect(0);">¥89<br /></td>
                    <td><img src="图片素材/header_schinese (2).jpg"/><br/>
            <h4 name="h41">近月少女的礼仪</h4>
                <input type="checkbox" name="sp0" value="72" onClick="checkSelect(0);">¥72<br /></td>
                    <td><img src="图片素材/header (2).jpg"/><br/>
            <h4 name="h41">八方旅人</h4>
                <input type="checkbox" name="sp0" value="15" onClick="checkSelect(0);">¥15<br /></td>
                    
        <tr>
            <td><img src="图片素材/header_schinese (3).jpg"/><br/>
            <h4 name="h41">一生推不如一生恋</h4>
                <input type="checkbox" name="sp0" value="99" onClick="checkSelect(0);">¥99<br /></td>
                    <td><img src="图片素材/header (4).jpg"/><br/>
            <h4 name="h41">Halo:Infinite</h4>
                <input type="checkbox" name="sp0" value="420" onClick="checkSelect(0);">¥420<br /></td>
        </tr>
            
        </tr>
        <tr>
            <td colspan="3">
                <input class="myBtn" type="button" value="查看购物车" onclick="shoppingCart();">
                <input class="myBtn" type="button" value="收银台结算" onclick="checkOut();">
                <input class="myBtn" type="button" value="清空购物车" onclick="clearAll();">
            </td>
        </tr>
    </table>
    
    
</form>

</body>

我预览的时候完全没有效果点击按钮没有反应,求帮助
  • 写回答

3条回答 默认 最新

  • 雾里桃花 2022-06-27 16:20
    关注

    把js代码放到body的下面

    评论

报告相同问题?

问题事件

  • 创建了问题 6月27日

悬赏问题

  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘