HTML/Javascript use src string in onclick without retyping?

I want to use the same string in my img "src" in my "onclick" as a pa开发者_如何学Crameter to a function. What's the easiest way to do this? It works fine if I type it out both times but it doesn't look nice.

Here is an example so you can see what I mean...

<img src="/images/image1.jpg" onclick="doStuff('/images/image1.jpg')"/>

I'm wondering if there is a simple way to have the src in the onclick too that doesn't require me to write it out again? So I can use a general onclick for each image that needs to be clicked.

---

<img src="/images/image1.jpg" onclick="doStuff(this.src)"/>

---

doStuff(this.src);

---

The easiest thing is to pass the object itself into the function. So:

<img src="/images/image1.jpg" onclick="doStuff(this.src)">

Will do what you want, I believe.