JavaScript之字符串拼接

一.代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串拼接</title>
</head>
<body>
    <input type="text" value="" id="文本">
     <input type="button" value="onclickMe" id="按钮">
     <br>
     <figcaption>迪丽热巴,美到极致!</figcaption>
     <img src="" alt="美到极致!" id="img" width="500px" height="500px">
</body>
</html>
<script type="text/javascript">
    var text=document.getElementById(\'文本\');
    var button=document.getElementById(\'按钮\');
    var img=document.getElementById(\'img\');
    var a=1;
    button.onclick=function(){
            img.src=\'img\'+a+\'.jpg\';
            // 程序的执行顺序就是从上往下,上诉代码执行完之后,a加1
            a=a+1;
        };
</script>

程序解析:字符串的拼接,例:abc后拼接def,结果就是abcdef,字符串呢就是引号中的才算,so:

\'img\'+a+\'.jpg\'=img1.jpg(a=1上面声明了)
初始效果:

第一次点击效果:

第二次点击效果(这时候a增加了1,改变了地址值为img2.jpg):

对于我这种java基础学的好,菜鸟中的战斗机,本来不想写的,走一波中国分美女图(大家都是成年人)