
用setAtrribute()方法
举个例子
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="1.jpg" alt="">
<script>
//获取到图片标签标签
var img = document.getElementsByTagName("img")[0]
//设置图片路径
img.setAttribute("src","2.jpg")
</script>
</body>
</html>
file:\\表示本地文件ftp:\\表示远程传输文件
http:\\表示超文本链接
以上都是协议,应该是底层自动添加的。如果需要可以用js的截取字符串的相关函数(substr,indexOf等)处理一下。如:
var str="Hello world!"
document.write(str.substr(3,7))
document.write(str.indexOf("d"))
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0
var img_list=new Array("手机471.jpg","手机469.jpg")
function next_img(){
img_idx++
img_idx%=img_list.length
return img_list[img_idx]
}
</script>
</HEAD>
<BODY>
<img src="手机471.jpg" onmouseover="this.src=next_img()"
onclick="this.src=next_img()"/>
</BODY>
</HTML>
扩展资料
for(var i = 0i<leni++){
var data = datas[i]
var nickname = data.nickname
var avatar = data.avatar
var li_item = ''
if(avatar == null){
// 只显示nickname
li_item = '<li>'+
'<span class="lottery_name">' + nickname + '</span>'+
'</li>'
}else{
li_item = '<li>'+
'<img class="lottery_icon" id="img'+i+'" />'+
'<span class="lottery_name">' + nickname + '</span>'+
'</li>'
//$('#img'+i).attr('src',avatar)
}
$('.lottery_main').append(li_item)
$('#img'+i).attr('src',avatar)
}
参考资料:百度百科 SRC
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)