javascript - 该脚本一次后不会更改图像

Question

该脚本仅更改图像一次。那么它根本就不起作用。

脚本:

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src='images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src='images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src='images/NAV_OFFhome_trans.png';
        }
    }
</script>

HTML:

<div id="main" >
<img src="images/NAV_OFFhome_trans.png" name="pic" onclick="change_image()"     style="position:absolute;"/>
</div>

Answer 1

在 if/else if 语句中，您设置 src 而不是检查值。确保使用 == 而不是 =。

因此:

<script type="text/javascript">
    function change_image(){
        if (window.document.pic.src == 'images/NAV_OFFhome_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhist_trans.png';
        }
        else if (window.document.pic.src == 'images/NAV_OFFhist_trans.png')
        {
            window.document.pic.src = 'images/NAV_OFFhome_trans.png';
        }
    }
</script>

以下是一个良好衡量标准的示例:http://jsfiddle.net/rd6dL/