点击更换图片，再次点击，图片回归原样

最新推荐文章于 2022-02-09 17:48:49 发布

Alex十年

最新推荐文章于 2022-02-09 17:48:49 发布

阅读量3.9k

点赞数 3

分类专栏： JavaScript知识总结

本文链接：https://blog.csdn.net/ilikejj0/article/details/79559791

版权

JavaScript知识总结专栏收录该内容

22 篇文章 0 订阅

订阅专栏

注意：主要是用一个变量b来存放if条件句里放的值，最开始为1，此时表示if的值成立，然后图片进行第一次改变。此时另b变为0，再次点击，此时if的条件不成立，则执行else的内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>点击改变图片</title>
    </head>
    <script>
        window.onload=function(){
            var img1 = document.getElementById('img1'); 
            var b=1;
            img1.onclick=function(){
                if(b){
                    img1.src="img/2.jpg";
                    b--;
                }else{
                    img1.src="img/1.jpg";
                    b=1;
                }               
            }
        };

    </script>
    <body>

            <img id='img1' src="img/1.jpg" />

    </body>
</html>

Alex十年

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
点击更换图片，再次点击，图片回归原样

注意：主要是用一个变量b来存放if条件句里放的值，最开始为1，此时表示if的值成立，然后图片进行第一次改变。此时另b变为0，再次点击，此时if的条件不成立，则执行else的内容&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;...
复制链接

扫一扫

专栏目录