有关js中的提交按钮刷新问题，求大神进来支招

发布于 2021-11-30 17:51:51 字数 1607 浏览 842 评论 4

<html>

<head>
<meta charset='UTF-8' />
<title>js轮换广告</title>
<style type="text/css">
#content{
width: 200px;
text-align: center;
}
</style>
</head>

<body>
<div>
<form action="">
<table>
<tr>
<td>名牌折扣</td>
<td><button onclick="left();"><</button></td>
<td id="content">广告</td>
<td><button onclick="right();">></button></td>
<td>五折包邮</td>
</tr>
</table>
</form>
</div>
</body>
<script type="text/javascript">

// 设置全局变量flag,默认是0
var flag = 0;
// 获取文档结构类型
var content = document.getElementById("content").innerHTML;
function left(){
flag--;
switch(flag){
case 0:
content = "42寸液晶电视3388疯";
break;
case 1:
content = "商城名品女鞋五折包邮";break;
case 2:
content = "母婴商城定时秒杀中";
break;
case 3:
content = "年度热销化妆品排行榜";
break;
}
alert(content);
}
function right(){
flag++;
switch(flag){
case 0:
content = "42寸液晶电视3388疯";
break;
case 1:
content = "商城名品女鞋五折包邮";
break;
case 2:
content = "母婴商城定时秒杀中";
break;
case 3:
content = "年度热销化妆品排行榜";
break;
}
alert(content);
}
</script>
</html>

以上代码在浏览器里面是完全正确的，现在问题就是我每一次点击都会出出现自动刷新的情况，导致我要的切换效果不能实现

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

不再见 2021-12-01 01:50:03

我已经解决了，谢谢大家啊

回复收藏 0

贱贱哒 2021-12-01 01:49:24

<html>


<head>
    <meta charset='UTF-8'/>
    <title>js轮换广告</title>
    <style type="text/css">
        #content {
            width: 200px;
            text-align: center;
        }
    </style>
</head>


<body>
<div>
    <form action="">
        <table>
            <tr>
                <td>名牌折扣</td>
                <td><input type="button" onclick="left();" value="<"></td>
                <td id="content">广告</td>
                <td><input type="button" onclick="right();" value=">"></td>
                <td>五折包邮</td>
            </tr>
        </table>
    </form>
</div>
</body>
<script type="text/javascript">


    // 设置全局变量flag,默认是0
    var flag = 0;
    // 获取文档结构类型
    var content = document.getElementById("content").innerHTML;
    function left() {
        flag--;
        switch (flag) {
            case 0:
                content = "42寸液晶电视3388疯";
                break;
            case 1:
                content = "商城名品女鞋五折包邮";
                break;
            case 2:
                content = "母婴商城定时秒杀中";
                break;
            case 3:
                content = "年度热销化妆品排行榜";
                break;
        }
        alert(content);
    }
    function right() {
        flag++;
        switch (flag) {
            case 0:
                content = "42寸液晶电视3388疯";
                break;
            case 1:
                content = "商城名品女鞋五折包邮";
                break;
            case 2:
                content = "母婴商城定时秒杀中";
                break;
            case 3:
                content = "年度热销化妆品排行榜";
                break;
        }
        alert(content);
    }
</script>
</html>

回复收藏 0