javascript – 将变量插入到html代码中

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将变量插入到html代码中，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1029字，纯文字阅读大概需要2分钟。

内容图文

我是Javascript的新手,我已经做了很多搜索,但我找不到似乎回答我的具体问题.我正在试图找出如何将变量实现为html …可能更好的服务示例：

使用Javascript

var key = 1;

function nextImage()
{
    if(key == 52)
    {
        key = 0;
    }else{
        key++;
    }
    var image = "images/52/week_" + key + ".jpg";
    document.getElementById("mainImage").src= image;
}

HTML

<button type="button" onclick="nextImage()">Next</button>
<img id="mainImage" src="images/52/week_0.jpg" />

我想要做的是将“images / 52 / week_”移出javascript并进入html,这样我就可以将该函数重用于其他图像集.基本上我想让脚本遍历数字,然后将这些数字发送到HTML< img src =“images / 52 / week_”image“.jpg”>

解决方法:

将函数添加到参数中会不会更容易？

 var key = 1;

 function nextImage(string,id)
 {
     if(key == 52)
     {
        key = 0;
     }else{
        key++;
     }
     var image = string + key + ".jpg";
     document.getElementById(id).src= image;
 }

更新
这个问题由你自己解答！使用上面给出的代码,您只需要将两个参数添加到您的javascript调用中,例如：

 <button type="button" onclick="nextImage('string','mainImage')">Next</button>
 <img id="mainImage" src="images/52/week_0.jpg" />

内容总结

以上是互联网集市为您收集整理的javascript – 将变量插入到html代码中全部内容，希望文章能够帮你解决javascript – 将变量插入到html代码中所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端