javascript動態(tài)改變img的src屬性圖片不顯示的解決方法
更新時間:2010年10月20日 11:55:35 作者:
最近寫了幾句javascript程序代碼,涉及到了動態(tài)改變圖片的效果,結果在ie下顯示不出了來,實在是郁悶,上網找尋結果,終于發(fā)現了,原來是 瀏覽器的問題。現在將方法貼出來分享。
首先講下這個bug的出現的情況,頁面中有
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
這么一個a標簽,onclick中的JS代碼就是改變id為current的img標簽的src屬性,以達到動態(tài)切換圖片的效果??墒遣恍业氖牵篒E是動態(tài)改變的圖片的路徑,但是圖片卻不顯示出來,得右鍵“顯示圖片”才能看到改變后的圖片,不知是什么原因,但據說是<a href="javascript:void(0)">或者<a href="#">這樣使用a標簽的話并不能阻止a標簽最后觸發(fā)一個什么行為,導致ie6會錯誤的認為頁面刷新或者重定向了,并且中斷了當前所有連接,這樣新圖片的加載就被aborted了(不知真假),不管原因是真是假,下面就先說下解決方案吧
簡單的解決方法:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">;
就是在代碼后面加上return false;即可
復制代碼 代碼如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg';">
簡單的解決方法:
復制代碼 代碼如下:
<a href="javascript:void(0)" onclick="document.getElementById('current').src='images/001.jpg'; return false;">;
就是在代碼后面加上return false;即可
您可能感興趣的文章:
- js插件設置innerHTML時在IE8下提示“未知運行時錯誤”解決方法
- node.js使用npm 安裝插件時提示install Error: ENOENT報錯的解決方法
- nodejs 提示‘xxx’ 不是內部或外部命令解決方法
- jQuery在vs2008及js文件中的無智能提示的解決方法
- 讓ie運行js時提示允許阻止內容運行的解決方法
- 訪問JSP文件或者Servlet文件時提示下載的解決方法
- js 未結束的字符串常量錯誤解決方法
- 在js文件中寫el表達式取不到值的原因及解決方法
- Jquery修改頁面標題title其它JS失效的解決方法
- javascript alert亂碼的解決方法
- JS提示:Uncaught SyntaxError:Unexpected token ) 錯誤的解決方法