javascript - 第二次onclick

不知道是否有可能保持代码简单，但我试图使它，以便我有一个图像，当您单击它时，它将转到一个新图像。然后，当您单击该图像时，它会返回到原始图像。
我的代码是：

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">

最佳答案

可以简化。

使用

<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）

关于javascript - 第二次onclick，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10436506/