Question

Js改变图片来源后 页面如何回到原先位置？想要具体代码

function change(page)
{
img = document.getElementById('img');
img.src = "/images/" + page + ".jpg";
}

<table>
<tbody>
<tr><a href="#" onclick="change('1');"> 01</a></tr>
<tr><a href="#" onclick="change('2');"> 02</a></tr>
<tr><a href="#" onclick="change('3');"> 03</a></tr>
<tr><a href="#" onclick="change('4');"> 04</a></tr>
<tr><a href="#" onclick="change('5');"> 05</a></tr>
<tr><a href="#" onclick="change('6');"> 06</a></tr>
<tr><a href="#" onclick="change('7');"> 07</a></tr>
<tr><a href="#" onclick="change('8');"> 08</a></tr>
<tr><a href="#" onclick="change('9');"> 09</a></tr>
</tbody>
</table>
<img src="/images/1.jpg" id="img" width=532px>
</div>
页面会回到最顶部 求教如何才能自动回到图片所在高度？

Answer 1

每个onclick后加return false,意思是不让链接进行跳转。
function change(page){
img = document.getElementById('img');
img.src = "/images/" + page + ".jpg";
}
<div>
<table>
<tbody>
<tr><a href="#" onclick="change('1');return false;"> 01</a></tr>
<tr><a href="#" onclick="change('2');return false;"> 02</a></tr>
<tr><a href="#" onclick="change('3');return false;"> 03</a></tr>
<tr><a href="#" onclick="change('4');return false;"> 04</a></tr>
<tr><a href="#" onclick="change('5');return false;"> 05</a></tr>
<tr><a href="#" onclick="change('6');return false;"> 06</a></tr>
<tr><a href="#" onclick="change('7');return false;"> 07</a></tr>
<tr><a href="#" onclick="change('8');return false;"> 08</a></tr>
<tr><a href="#" onclick="change('9');return false;"> 09</a></tr>
</tbody>
</table>
<img src="/images/1.jpg" id="img" width=532px>
</div>