JavaScript之字符串拼接

最新推荐文章于 2024-07-12 16:27:40 发布

weixin_30246221

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量92

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/zjm1999/p/10220815.html

版权

一.代码示例

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

转载于:https://www.cnblogs.com/zjm1999/p/10220815.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30246221

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之字符串拼接

一.代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字符串拼接</title></head><body> <input type="text" va...
复制链接

扫一扫