简体中文(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
1190

本人最近刚刚开始学习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学习者快速成长！