Dreamweaver上寫HTML連接JavaScript檔案時,JavaScript程式碼不起作用,求助! ?
漂亮男人
漂亮男人 2017-06-12 09:32:13
0
7
1207

本人最近剛開始學習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

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

滿天的星座

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

扔个三星炸死你

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

给我你的怀抱

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

仅有的幸福

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

大家讲道理

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

伊谢尔伦

用的是什麼編譯器?

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!