如果先前被问过,那么抱歉,我无法找到它。
所以这是一个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新手在这里
答案 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=""