javascript - onclick 第二次点击

Question

不确定这是否可以保持代码简单，但我正在尝试制作它，以便我有一个图像，当您单击它时，它会转到一个新图像。然后当您单击该图像时，它会返回到原始图像。我的代码是:

function save_data()
{
if ( document.images.save.src == "saved.png") document.images.save.src="save.png";
if (document.images.save.src == "save.png") document.images.save.src="saved.png";
}


<img id="save"  onclick="save_data()" src="save.png">

Answer 1

可以简化。

使用

<img id="save"  onclick="save_data(this)" src="save.png">`

你可以做到

function save_data(img)
{
  img.src = /saved/i.test(img.src) ? 'save.png' : 'saved.png';
}

如果这不起作用，可能与 saved.png 不在 html 所在的路径中有关。因此请尝试使用完整的 URL:

function save_data(img)
{
  var imgpath = 'http://yoursite.com/imgpath/';
  img.src = imgpath + (/saved/i.test(img.src) ? 'save.png' : 'saved.png');
}

注意:分配点击处理程序 unobtrusively 可能会更好(另请参阅此 SO question )