页面加载后更改src /是否可执行？

Question

A. I wondering how to change src after page load using Javascript

<img src="http://example.com/image.png" /> to <img src="http://domain.com/different.jpg" />

B. My second question to follow is - will the the new src of the image (domain.com/different.jpg) will be displayed? it will execute a new network request?

Answer 1

A: This would need to be done client-side (presumably by some javascript).

B: Yes; Any change to a resource's location would (if not already cached) involve another round-trip.

Answer 2

Use jquery and write the below code after document ready

A. $('img').attr('src','http://domain.com/different.jpg');

B. Yes, the image will display and yes, it will execute a new network request