程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 代碼-JS函數未定義報錯是缺少分號？？

代碼-JS函數未定義報錯是缺少分號？？

編輯：編程綜合問答

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>

最佳回答：

是=不是：，可以簡化如下


    function change(val) {
        div1.style.display = val == '1' ? '' : 'none';
        div2.style.display = val == '2' ? '' : 'none';
        div3.style.display = val == '3' ? '' : 'none';
    }