xenonor
那个水水水
2015-02-28 00:08
采纳率: 100%
浏览 2.8k

JS函数未定义 报错是缺少分号??

新手入门,恳请各位前辈指点,先谢谢各位了。
目前在看韩顺平老师的js视频教程,实现鼠标移动到不同位置,以切换到相应标签页。
代码如下,总是报错函数未定义,第九行缺少分号……

<html>
<head>
<title>sohu</title>
<link href="./sohu.css" type="text/css" rel="stylesheet"/>
<script language="javascript" charset="GB2312">
    function change(val){
    window.alert("hha");
    if(val=='1'){
        div1.style.display: "";
        div2.style.display: "none";
        div3.style.display: "none";
    }else if(val=='2'){
        div2.style.display: "";
        div1.style.display: "none";
        div3.style.display: "none";
    }else if(val=='3'){
        div3.style.display: "";
        div1.style.display: "none";
        div2.style.display: "none";
    }

    /*
        switch(val){
            case '1':
                div1.style.display: "none";
                div2.style.display: "none";
                div3.style.display: "none";
                break;
            case 2:
                div2.style.display: "none";
                div1.style.display: "none";
                div3.style.display: "none";
                break;
            case 3:
                div3.style.display: "none";
                div1.style.display: "none";
                div2.style.display: "none";
                break;              
        };
        */
    }
</script>
</head>
<body>
<div class="div_bg">
<div id="div_left">
<ul>
    <li onmousemove="change('1')">广告</li>
    <li onmousemove="change('2')">广告</li>
    <li onmousemove="change('3')">广告</li>
</ul>
</div>
<div class="div_right" id="div1">
<ul>
    <li><a href="">广告1广告1广告1广</a></li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
</ul>
</div>
<div class="div_right" id="div2" style="display: none">
<ul>
    <li>广告2广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
</ul>
</div>
<div class="div_right" id="div3" style="display: none">
<ul>
    <li>广告3广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
    <li>广告1广告1广告1广</li>
</ul>
</div>
</div>
</body>
</html> 
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • showbo
    已采纳

    是=不是:,可以简化如下

    
        function change(val) {
            div1.style.display = val == '1' ? '' : 'none';
            div2.style.display = val == '2' ? '' : 'none';
            div3.style.display = val == '3' ? '' : 'none';
        }
    
    点赞 评论
  • danielinbiti
    danielinbiti 2015-02-28 00:18
     <html>
    <head>
    <title>sohu</title>
    <link href="./sohu.css" type="text/css" rel="stylesheet"/>
    <script language="javascript" charset="GB2312">
        function change(val){
        window.alert("hha");
        if(val=='1'){
            div1.style.display="";
            div2.style.display="none";
            div3.style.display="none";
        }else if(val=='2'){
            div2.style.display="";
            div1.style.display="none";
            div3.style.display="none";
        }else if(val=='3'){
            div3.style.display="";
            div1.style.display="none";
            div2.style.display="none";
        }
    
    
        }
    </script>
    </head>
    <body>
    <div class="div_bg">
    <div id="div_left">
    <ul>
        <li onmousemove="change('1')">广告</li>
        <li onmousemove="change('2')">广告</li>
        <li onmousemove="change('3')">广告</li>
    </ul>
    </div>
    <div class="div_right" id="div1">
    <ul>
        <li><a href="">广告1广告1广告1广</a></li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
    </ul>
    </div>
    <div class="div_right" id="div2" style="display: none">
    <ul>
        <li>广告2广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
    </ul>
    </div>
    <div class="div_right" id="div3" style="display: none">
    <ul>
        <li>广告3广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
        <li>广告1广告1广告1广</li>
    </ul>
    </div>
    </div>
    </body>
    </html> 
    
    点赞 评论
  • testcs_dn
    微wx笑 2015-02-28 00:45

    哦。把使用冒号的地方改为等号就好了。

    点赞 评论

相关推荐