IE6下JS動態(tài)設置圖片src地址問題
更新時間：2010年01月08日 22:15:37 作者：
解決IE6下JS動態(tài)設置圖片IMG的SRC時圖片無法加載錯誤的方法
這兩天趕一個項目，要求鼠標點擊小圖顯示大圖，于是用JS來根據(jù)小圖來設置大圖的SRC，設計完后問題就出來了。在IE6下大圖顯示不出，鼠標放置在圖片上右鍵鏈接地址是可以正常顯示鏈接地址的，并且點擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒有這些問題的。代碼如下：
function picclick()
{
var pic = $('marqueediv').getElementsByTagName('a');
var len = pic.length;
for(var i = 0; i < len; i ++ )
{
pic[i].onclick = function(i)
{
return function()
{
for(var t = 0; t < len; t ++ )
{
pic[t].className = t == i ? 'hover' : '';
this.className = 'hover'
}
var thispic;
sspic = pic[i].childNodes[0].src;
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', '');
$('pro_pic_item').setAttribute('src', thispic);
$('pro_pic_item').setAttribute('alt', 'images');
//解決方法：在此處加上“return false;”
return false;
}
}
(i)
}
}
據(jù)上網(wǎng)了解，這是由于IE6下底層的一個判斷間斷因素的問題。
復制代碼 代碼如下:
function picclick()
{
var pic = $('marqueediv').getElementsByTagName('a');
var len = pic.length;
for(var i = 0; i < len; i ++ )
{
pic[i].onclick = function(i)
{
return function()
{
for(var t = 0; t < len; t ++ )
{
pic[t].className = t == i ? 'hover' : '';
this.className = 'hover'
}
var thispic;
sspic = pic[i].childNodes[0].src;
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', '');
$('pro_pic_item').setAttribute('src', thispic);
$('pro_pic_item').setAttribute('alt', 'images');
//解決方法：在此處加上“return false;”
return false;
}
}
(i)
}
}
據(jù)上網(wǎng)了解，這是由于IE6下底層的一個判斷間斷因素的問題。
您可能感興趣的文章:
- javaScript 讀取和設置文檔元素的樣式屬性
- js setattribute批量設置css樣式
- javascript 動態(tài)設置已知select的option的value值的代碼
- js 設置選中行的樣式的實現(xiàn)代碼
- 使用JavaScript動態(tài)設置樣式實現(xiàn)代碼及演示動畫
- 使用JavaScript動態(tài)設置樣式實現(xiàn)代碼(2)
- js批量設置樣式的三種方法不推薦使用with
- js動態(tài)設置div的值下例子
- javascript設置金額樣式轉(zhuǎn)換保留兩位小數(shù)示例代碼
- JavaScript通過元素的ID和name設置樣式
- 使用變量動態(tài)設置js的屬性名
- js style動態(tài)設置table高度
- javascript動態(tài)設置樣式style實例分析
- JavaScript動態(tài)設置div的樣式的方法
相關文章
3分鐘教你用JavaScript實現(xiàn)電子簽名效果
電子簽名已經(jīng)成為現(xiàn)代商業(yè)中不可或缺的一部分，它可以提高業(yè)務流程的效率和安全性。本文將介紹如何使用HTML5的canvas元素和JavaScript在前端實現(xiàn)電子簽名，需要的可以參考一下2023-04-04
js/jquery遍歷對象和數(shù)組的方法分析【forEach，map與each方法】
這篇文章主要介紹了js/jquery遍歷對象和數(shù)組的方法,結(jié)合實例形式分析了數(shù)組遍歷的forEach，map與each方法常見使用技巧,需要的朋友可以參考下2019-02-02
在JavaScript中并沒有類的概念，但JavaScript中的確可以實現(xiàn)重載，多態(tài)，繼承。這些實現(xiàn)其實方法都可以用JavaScript中的引用和變量作用域結(jié)合prototype來解釋。2010-04-04
本文給大家分享一段超級全面的二代身份證號碼驗證程序，由JS編寫而成，可以校驗身份證的地址碼、出生日期碼、順序碼和數(shù)字校驗碼。是身份證去偽存真的一大利器。2014-11-11
一步一步封裝自己的HtmlHelper組件BootstrapHelper（二）
一步一步封裝自己的HtmlHelper組件：BootstrapHelper，系列文章第二篇，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了使用Javascript寫的2048小游戲的相關資料,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了TypeScript中字符串的常用操作，例如substring、indexOf、slice、replace等，感興趣的小伙伴可以跟隨小編一起學習一下2023-08-08
JavaScript 面向?qū)ο蟪绦蛟O計詳解【類的創(chuàng)建、實例對象、構(gòu)造函數(shù)、原型等】
這篇文章主要介紹了JavaScript 面向?qū)ο蟪绦蛟O計,結(jié)合具體實例形式詳細分析了JavaScript面向?qū)ο蟪绦蛟O計中類的創(chuàng)建、實例對象、構(gòu)造函數(shù)、原型等相關概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JavaScript獲取select中text值的方法,涉及javascript針對HTML頁面元素相關判斷與獲取操作技巧,需要的朋友可以參考下2017-02-02
Bootstrap table表格初始化表格數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap-table表格初始化表格數(shù)據(jù)的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07