用JS将图片链接从 <img src="xx/img.jpg"> 改为 <img src="xx/
2016-03-30
首先,我给图片定义了一个事件,通过单击图片改变图片的途径,你可以根据你的需要来定义事件,图片后面的值应该是你要传的参数吧!
代码如下所示:
<html>
<head>
<title></title>
<style type="text/css">
div{
width:200px;
height:200px;
}
</style>
</head>
<body>
<div >
<img id="images" src="2.jpg" border="0">
</div>
<script type="text/javascript">
var string = "12345";
var oDiv = document.getElementById("images");
oDiv.onclick = function () {
oDiv.src = "2.jpg?" + string;
}
</script>
</body>
</html>
结果如下所示:开始前图片路径如下图
单击以后图片路径为:
那后面如果不是123456而是随机数怎么做,并且我想要的效果不是点击才会触发,而是网页刚刚加载就开始触发
你可以把单击事件改成window.onload事件啊
代码如下:
var string="";
window.onload = function Show() {
for (var i = 0; i < 5; i++) {
//这是随机生成的5个数
string += Math.floor(Math.random() * 10);
}
var oDiv = document.getElementById("images");
oDiv.src = "2.jpg?" + string;
}