对HTML5和JavaScript不熟悉，我可以'；无法将JavaScript文件连接到HTML文件？_Javascript_Html

对HTML5和JavaScript不熟悉，我可以'；无法将JavaScript文件连接到HTML文件？

javascript html

对HTML5和JavaScript不熟悉，我可以'；无法将JavaScript文件连接到HTML文件？,javascript,html,Javascript,Html,所以我对HTML5和javascript有一个问题。我为javascript部分创建了一些.js文件，并创建了链接将其与HMTL代码连接起来，但它不会显示javascript部分。这是我的HTML <!doctype html> <html lang="en"> <head> <title>Gateway Tunes</title> <meta charset="utf-8" /> <script src="p

所以我对HTML5和javascript有一个问题。我为javascript部分创建了一些.js文件，并创建了链接将其与HMTL代码连接起来，但它不会显示javascript部分。这是我的HTML

<!doctype html>
<html lang="en">
<head>
<title>Gateway Tunes</title>
  <meta charset="utf-8" />
<script src="playlist_store.js"></script>
<script src="playlist.js"></script>
 </head>
 <body>

<form> 
    <input type="text" id="songTextInput" size="40" placeholder="Song name">
    <input type="button" id="addButton" value="Add Song">
</form>
<ul id="playlist">
</ul>
</body>
</html>

脚本的第一行（也是唯一一行不仅仅是函数定义）是

window.onload=init。这意味着加载页面后，将调用init
函数
此函数查找id为addbutton
的元素，然后对返回的结果调用一个方法。由于您没有具有此ID的元素，因此不会返回任何对象，因此将引发异常（例如“button为null或不是对象”，具体取决于您的浏览器）。此异常会阻止该方法进一步执行，尤其是不会调用loadPlaylist（）


不过，这个故事的寓意是，请注意JavaScript错误控制台，尤其是在进行开发时！您的浏览器几乎肯定会显示一个红色感叹号图标或类似的图标，您可以双击该图标来显示异常的名称、消息和位置
当你的浏览器已经能够准确地告诉你问题出在哪里时，你真的不需要在Stack Overflow上发布你的代码列表来问我们它出了什么问题。
你有一些语法错误，所以你的javascript没有运行
在playlist_store.js中
function save(item) {
    var playlistArray = getStoreArray("playlist"); 
    playlistArray.push(item);
    localStorage.setItem("playlist", JSON.stringify (playlistArray));
    }
function loadPlaylist() {
    var playlistArray = getSavedSongs();
    var ul = document.getElementById('playlist");
    if (playlistArray !Null) {
        for (var i = 0; i < playlistArray.length; i++) {
        li.innerHTML = playlistArrray[i];
        ul.appenChild(li);
        }
    }
}

function getSavedSongs() {
    return getStoreArray("playlist")
}
function getStoreArray (key);
    var playlistArray = localStorage.getItem(key);
    if(playlistArray == null || playlistArray == "") {
        playlistArray = new Array();
    }
    else {
        playlistArray = JSON.parse (playlistArray);
    }
    return playlistArray;
}

var ul = document.getElementById('playlist");

使用“
打开字符串，但尝试使用”
将其关闭。只要使用的是一致的，使用哪一个并不重要，因此您可以将其更改为“播放列表”
或“播放列表”

如果您试图确保播放列表阵列

不为空，您可以这样做

if (playlistArray != null) {

请注意，

！=

作为比较和

null

需要小写。如果您想确保它不仅仅是未定义或null，只需执行

如果（！playlarray）

ul.appendChild（li）；

需要是

ul.appendChild（li）；

我相信还有更多，请检查您的代码。

@Pshemo是来这里发表评论的。

var ul=document.getElementById（'playlist'）

出现错误，请将其更改为单引号或双引号。无论您在上面写了什么，如果要编写代码，必须使用具有正确语法突出显示的编辑器。StackOverflow的基本语法高亮显示本身就应该告诉您哪里出了错误<代码>

if (playlistArray !Null) {

if (playlistArray != null) {