搜索

首页  >  问答  >  正文

Dreamweaver上写HTML连接JavaScript文件时，JavaScript代码不起作用，求助！？

本人最近刚刚开始学习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!");
}

望各位前辈不吝赐教，在下不胜感激！

漂亮男人漂亮男人2763 天前1320

全部回复(7)我来回复

  • 学习ing

    学习ing2017-06-12 09:34:13

    感谢邀请，我想知道的是你这个js文件是有用还是没有用呢，要查看这个js是否加载正确，打开firebug，查看你要 找的js是否正确加载，如果没有正确加载会报404，如果确实加载了，那么再调试这段js是否有问题。看你写的这个js代码直接放到页面中应该能运行的，如果没起作用估计是加载的路径就有问题吧。

    回复
    0
  • 滿天的星座

    滿天的星座2017-06-12 09:34:13

    首先放弃dreamweaver吧 其次选择webstrom sublimeText 啥的都不错。

    回复
    0
  • 扔个三星炸死你

    扔个三星炸死你2017-06-12 09:34:13

    拜托不要这样写，你把window.onload去掉，把script的引用放到body的最后面直接调用init就行。。

    回复
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-12 09:34:13

    js部分添加到网页中就没有问题，那你还得检查确认一下吧

    回复
    0
  • 仅有的幸福

    仅有的幸福2017-06-12 09:34:13

    可以跑通的啊，写法都没问题的

    回复
    0
  • 大家讲道理

    大家讲道理2017-06-12 09:34:13

    你把引入的连接放到ul标签之后。

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-06-12 09:34:13

    用的是什么编译器？

    回复
    0
  • 取消回复