2014-04-30 61 views
0

我有一些基本的JavaScript,最初在HTML文件中,但後來我把它放在一個外部文件,它不工作,我不知道爲什麼。我已經把腳本放在結束標籤之前。外部鏈接不工作javascript

這裏是我的代碼: http://jsfiddle.net/2fuxR/

HTML

<body> 

    <div class="titleBar"><img src="../assets/images/gallery.png" alt=""></div> 
    <div id="display"> 
    <img id="displayimg"> 
    </div> 
    <div id="select"> 
    <img id="selectimg" src="../assets/images/gallery/gallery1.png"  onclick='javascript:display(this)'> 

    <img id="selectimg" src="../assets/images/gallery/gallery2.png" onclick='javascript:display(this)'> 
    <img id="selectimg" src="../assets/images/gallery/gallery3.png" onclick='javascript:display(this)'> 
    <img id="selectimg" src="../assets/images/gallery/gallery4.png" onclick='javascript:display(this)'> 
    <img id="selectimg" src="../assets/images/gallery/gallery5.png" onclick='javascript:display(this)'> 
    <img id="selectimg" src="../assets/images/gallery/gallery6.png" onclick='javascript:display(this)'> 

    </div> 
    <script src="script.js"></script> 
    </body> 

JAVASCRIPT

function display(imgElement){ 
    document.getElementById('displayimg').setAttribute('src',imgElement.getAttribute('src')); 
+0

好了,開始你有語法錯誤,你的函數不是封閉的,和你的小提琴是一個爛攤子。 – elclanrs

回答

0

你忘了}在JScript函數 的結束,並嘗試添加一個斜線到您的js的src <script src="/script.js"></script>

0

我有測試是在我的本地環境,它運作良好!
你只需要注意外部的js文件的路徑
並檢查您的js函數的語法,螢火蟲和Chrome開發者工具可能是一個好幫手

0

你的jsfiddle框架&擴展設置沒有 - 圖書館onLoad

chaged jsFiddle框架&擴展設置no - 庫並且沒有換行。

編輯您的HTML代碼。

嘗試

<div id="display"> 
    <img id="selectimg" src="../assets/images/gallery/gallery2.png" onclick='display(this)'/> 
    <img id="selectimg" src="../assets/images/gallery/gallery3.png" onclick='display(this)'/> 
    <img id="selectimg" src="../assets/images/gallery/gallery4.png" onclick='display(this)'/> 
    <img id="selectimg" src="../assets/images/gallery/gallery5.png" onclick='display(this)'/> 
    <img id="selectimg" src="../assets/images/gallery/gallery6.png" onclick='display(this)'/> 
</div> 

的jsfiddle:http://jsfiddle.net/WonSeokHan/2L9ar/