链接HTML和JS文件?

时间:2017-06-15 01:18:34

标签: javascript jquery html html5 dom

如果先前被问过,那么抱歉,我无法找到它。

所以这是一个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文件中的按钮,我尝试只编写函数名称,但仍然无法正常工作。 我也听说过&#34; window.onload&#34; ,但不知道这会有什么帮助。

是的,我尝试使用AddItem.js作为文件名,但是我收到错误:SyntaxError:invalid regular flag flag a

-A JS新手在这里

3 个答案:

答案 0 :(得分:4)

更改

Request

<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">

答案 1 :(得分:1)

在结束</body>标记之前添加这些内容,以确保HTML首先加载到JS文件之前。

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

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

如果你不想包含js文件,只需将你的代码放在

<script> <!-- code here --> </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">

答案 2 :(得分:0)

在代码

中添加<input type="button" onclick="add()" value="submit">
scr=""