您的位置：首页 > Web前端 > JavaScript

js 切换图片

2015-07-06 11:45 633 查看 
<html><head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="img/img_01.jpg">
<p></p>
<button onclick="switchImg();">切换图片</button>
<script>
// 拿到图片标签
var img = window.document.getElementsByTagName('img')[0];
console.log(img.src.lastIndexOf('img_01.jpg'));
//   lastIndexOf 如果找到则返回一个任意正数,如果没有找到,则返回-1
//   indexOf
function switchImg(){
if(img.src.indexOf('img_01.jpg') != -1){
img.src = 'img/img_02.jpg';
}else{
img.src = 'img/img_01.jpg';
}
}

</script>

</body></html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航