一.代码示例
<!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基础学的好,菜鸟中的战斗机,本来不想写的,走一波中国分美女图(大家都是成年人)