简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Dreamweaver上寫HTML連接JavaScript檔案時，JavaScript程式碼不起作用，求助！ ？
漂亮男人
漂亮男人 2017-06-12 09:32:13
0
7
1258

本人最近剛開始學習JavaScript不久，用的工具是Adobe Dreamweaver CC 2017.在我寫完HTML文件後想要連結到一個JavaScript文件，但是JavaScript文件並沒有起到作用。我不清楚到底因為這個軟體的問題還是我的程式碼有錯。檢查過好幾遍，連結JavaScript檔案的路徑應該沒有，可以在圖上看得出來。
我的HTML程式碼以及JavaScript程式碼如下：

HTML：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Webville Tunes</title>
    <script src="../js/playlist.js"></script>
    <link rel="stylesheet" href="../css/playlist.css">
</head>
    
<body>
    <form type="text" id="songTextinput" size="40" placeholder="Song name">
        <input type="text" id="songTextInput" size="40" placeholder="Song name">
        <input type="button" id="addButton" value="Add Song">
    </form>
    <ul id="palylist">
        
    </ul>
</body>
</html>

JavaScript：

window.onload=init;
function init(){
    "use strict";
    var button=document.getElementById("addButton");
    button.onclick=handleButtonClick;
    
}

function handleButtonClick(){
    "use strict";
    alert("Button was clicked!");
}

##望各位前輩不吝賜教，在下不勝感激！

漂亮男人
漂亮男人

全部回覆(7)
学习ing
学习ing2017-06-12 09:34:13 7樓

感謝邀請，我想知道的是你這個js檔案是有用還是沒有用呢，要查看這個js是否加載正確，打開firebug，查看你要找的js是否正確加載，如果沒有正確加載會報404，如果確實加載了，那麼再調試這段js是否有問題。看你寫的這個js程式碼直接放到頁面中應該可以運行的，如果沒起作用估計是載入的路徑就有問題吧。

點贊 +0
新增回覆
滿天的星座
滿天的星座2017-06-12 09:34:13 6樓

先放棄dreamweaver吧 其次選webstrom sublimeText 啥的都不錯。

點贊 +0
新增回覆
扔个三星炸死你
扔个三星炸死你2017-06-12 09:34:13 5樓

拜託不要這樣寫，你把window.onload去掉，把script的引用放到body的最後面直接呼叫init就行。 。

點贊 +0
新增回覆
给我你的怀抱
给我你的怀抱2017-06-12 09:34:13 4樓

js部分加入網頁就沒有問題，那你還要檢查確認吧

點贊 +0
新增回覆
仅有的幸福
仅有的幸福2017-06-12 09:34:13 3樓

可以跑通的啊，寫法都沒問題的

點贊 +0
新增回覆
大家讲道理
大家讲道理2017-06-12 09:34:13 2樓

你把引入的連接放到ul標籤之後。

點贊 +0
新增回覆
伊谢尔伦
伊谢尔伦2017-06-12 09:34:13 1樓

用的是什麼編譯器？

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！