Fatal编程技术网

Javascript 链接HTML和JS文件？

javascript jquery html dom

Javascript 链接HTML和JS文件？,javascript,jquery,html,dom,Javascript,Jquery,Html,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=

如果以前问过，那么很抱歉，我找不到它

这是一个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>
所以我遇到了错误，我无法将函数add（）链接到html文件中的按钮，我尝试只写函数名，但仍然不起作用。 我也听说过“window.onload”，但不知道这会有什么帮助

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

-这里有一个JS新手

改变

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

src=“AddItem.js”
src=“removietem.js”
到
改变

<input type="button" onclick="/AddItem.js/add()" value="submit">
到
在标签中添加
scr=”“

<script src="AddItem.js"></script>
在结束前添加这些标签，以确保在JS文件之前先加载HTML

和

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

或


var n=0；
函数add（）{
如果（n==0）
{
var ul=document.getElementById（“列表”）；
var li=document.createElement（“li”）；
li.appendChild（document.createTextNode（“四”）；
li.setAttribute（“id”，“element4”）；//添加了行
ul.儿童（li）；
警报（li.id）；
}
}
并从中删除
/AddItem.js/

所以它看起来是这样的：

可能的副本是“谢谢@John3136，但我不想在我的html文件中包含脚本，因此请删除duplicate@Dijkgraaf是的，我试过了，它给出了一个错误语法错误：无效的正则表达式标志a在
结束标记
和
之前添加这些标记。如果您想包含js文件，只需将代码放入
中，然后从
中删除
“/AddItem.js/”
，谢谢，您真的帮助了一个新手：） 
<input type="button" onclick="/AddItem.js/add()" value="submit">

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

<script src="AddItem.js"></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>