2013-11-26 54 views
0

目前,我有我的測試頁面上的工作「經銷商查詢」,可以在頁面的右側的Internet Explorer 8,9,10 JavaScript的不正確加載

http://www.khl.com/dev/american-cranes-and-transport/

這是被發現在可怕的IE中工作得很好,雖然IE11似乎工作。

當您在IE瀏覽網頁你會得到一個palceholder圖像看起來太可怕了,這是因爲JS看起來是這樣的:

<div class="storeNews"> 


<img src="http://www.khl.com/other_files/khl/dealer-locatot.png" border="0"> 


<script language="JavaScript" type="text/javascript"> 

ImgPath='http://www.khl.com/other_files/khl/locate/'; 
ImgPreloadAry=new Array('placeholder.jpg','link3.png','sany3.png','manitex3.png','manitowoc3.png'); 
SRCAry=new Array(); 

for (i=0;i<ImgPreloadAry.length;i++){ 
SRCAry[i]=new Image(); 
SRCAry[i].src=ImgPath+ImgPreloadAry[i]; 
} 

function Cng(sel){ 
document.getElementById('img').src=ImgPath+sel.options[sel.selectedIndex].value; 
document.getElementById('tbl').style.backgroundImage='url('+(ImgPath+sel.options[sel.selectedIndex].value)+')'; 
} 



var ImgPath='http://www.khl.com/other_files/khl/locate/'; 
var linksArray = [ 
    { Img: 'placeholder.jpg', Link : '#', RelatedText :'TEST LINK'}, 
    { Img: 'link3.png', Link : 'http://www.linkbelt.com/', RelatedText :'Link-belt description and link'}, 
    {Img:'sany3.png', Link : 'http://www.sanygroup.com/', RelatedText :'Sanny description and link'}, 
    {Img:'manitex3.png', Link : 'http://www.khl.com/servlet/file/Manitex%20dealer%20ad.pdf?ITEM_ENT_ID=90292&amp;COLLSPEC_ENT_ID=38&amp;ITEM_VERSION=1&amp;download=1',RelatedText : 'Manitex Locator can be downloaded below.'}, 
    {Img:'manitowoc3.png', Link : 'http://www.manitowoc.com/',RelatedText : 'Manitowoc description and link'}, 
]; 

function Cng(sel){ 
    var selectedIndex = sel.selectedIndex; 
    document.getElementById('companyLink').href = linksArray[selectedIndex].Link; 
    document.getElementById('relatedText').innerHTML= linksArray[selectedIndex].RelatedText; 
    document.getElementById('relatedImage').src = ImgPath + linksArray[selectedIndex].Img; 
} 




//--> 
</script> 
</head> 

有效ImgPath =」 http://www.khl.com/other_files/khl/locate/出於某種原因,IE認爲這也是一個圖像(不是路徑)。

是否有任何明亮的火花可以幫助我?

親切的問候, 山姆

+2

在變量聲明前面設置'var'總是個好主意,比如'var ImgPath ='http://www.khl.com/other_files/khl/locate/';' – davidkonrad

+4

A [dup](http ://stackoverflow.com/q/20217549/1169519)?是的,一個確切的副本... – Teemu

+1

'功能Cng(sel)'定義兩次 – aletzo

回答

2

經典trailling逗號錯誤。

.....towoc description and link'}, 
           ^^^ 
        this comma is invalid and will break your JS in IE. 

如果你通過像JSHint這樣的驗證器來運行你的JS代碼,你會被警告這樣的問題。而且,如果您使用體面的IDE編輯代碼,他們也很容易被發現,因爲您也會從中獲得語法突出顯示和警告。

另外,您宣佈了function Cng()兩次,這顯然是錯誤的。

+0

感謝您的幫助,但是在IE中查看http://www.khl.com/dev/american-cranes-and-transport/時,這並沒有幫助。在進行任何選擇之前,圖像仍然存在。 – user3036451