链接 HTML 和 JS 文件？答案

【问题标题】：Linking HTML and JS files?链接 HTML 和 JS 文件？
【发布时间】：2017-06-15 09:30:17
【问题描述】：

如果之前问过，那么抱歉，我找不到它。

所以这里是一个html文件：index.html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>ToDoList</title>
    <script> src="AddItem.js" </script>
    <script> src="RemoveItem.js" </script>
</head>
<body>
    <h1> Write to Add to List </h1>
    <br>
    <br>
    <input type="text" id="inpu">
    <input type="button" onclick="/AddItem.js/add()" value="submit">
    <div>
        <ul id="list">

        </ul>
    </div>
</body>
</html>

这里是 JavaSCript 文件：AddItem.js

var n=0;
function add() {
    if(n==0)
    {
        var ul = document.getElementById("list");
        var li = document.createElement("li");
        li.appendChild(document.createTextNode("Four"));
        li.setAttribute("id", "element4"); // added line
        ul.appendChild(li);
        alert(li.id);
    }
}

所以我遇到了错误，我无法将函数 add() 链接到我的 html 文件中的按钮，我尝试只写函数名称，但仍然不起作用。我也听说过一些“window.onload”，但不知道会有什么帮助。

是的，我尝试使用 AddItem.js 作为文件名，但出现错误：SyntaxError: invalid regular expression flag a

-这里是一个 JS 新手

【问题讨论】：

Embed javascript file in html的可能重复
它是''
谢谢@John3136，但我不想在我的html文件中包含脚本，所以请删除重复的
@Dijkgraaf 是的，我试过了，它给出了一个错误 SyntaxError: invalid regular expression flag a
在</body>结束标签<script src="AddItem.js"></script>和<script src="RemoveItem.js"></script>之前添加这些如果你想包含js文件，只需将你的代码放在<script>  </script>中并从<input type="button" onclick="/AddItem.js/add()" value="submit">中删除"/AddItem.js/"

标签： javascript jquery html dom

【解决方案1】：

改变

<script> src="AddItem.js" </script>
<script> src="RemoveItem.js" </script>

到

<script src="AddItem.js"></script>
<script src="RemoveItem.js"></script>

然后改变

<input type="button" onclick="/AddItem.js/add()" value="submit">

到

<input type="button" onclick="add()" value="submit">

【讨论】：

谢谢，你真的帮助了一个新手 :)

【解决方案2】：

在结束 </body> 标记之前添加这些，以确保您的 HTML 在 JS 文件之前首先加载。

<script src="AddItem.js"></script> 和

<script src="RemoveItem.js"></script>

如果你不想包含 js 文件，只需将代码放入其中

<script>  </script>

或

<script>
    var n=0;
    function add() {
        if(n==0)
        {
            var ul = document.getElementById("list");
            var li = document.createElement("li");
            li.appendChild(document.createTextNode("Four"));
            li.setAttribute("id", "element4"); // added line
            ul.appendChild(li);
            alert(li.id);
        }
    }
</script>

并从

中删除/AddItem.js/

<input type="button" onclick="/AddItem.js/add()" value="submit">

让它看起来像这样：

<input type="button" onclick="add()" value="submit">

【讨论】：

【解决方案3】：

在标签中添加scr=""

<script src="AddItem.js"></script>

【讨论】：