js 實現 圖片重新整理 驗證碼 看不清 換一張
阿新 • • 發佈：2019-02-06
【需求】
html+js實現html中一個圖片重新整理但是整個頁面不重新整理，或者是驗證碼重新整理。
不使用jsp，不使用ajax，不使用js框架。
【原理】
當一個<img>的src改變時，頁面會自動重新整理這個<img>
【實現程式碼】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <script type="text/javascript"> function reImg(){ var img = document.getElementById("Img"); img.src = "Img?rnd=" + Math.random(); } </script> </head> <body> <center> <img id="Img" src="Img" alt="驗證碼" /> <a href="#" onclick="reImg();">看不清，換一張</a> </center> </body> </html>