鏈接HTML和JS文件？

-3

如果以前問過，那麼很抱歉，我無法找到它。鏈接HTML和JS文件？

因此，這裏是一個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); 
    } 
}

所以我得到的錯誤，我無法鏈接函數添加（）到我的HTML文件中的按鈕，我試圖只寫函數名稱，但仍然無法正常工作。我也聽說過一些「window.onload」，但不知道如何幫助。

是的，我試圖用AddItem.js作爲文件名，但我得到的錯誤：語法錯誤：無效的正則表達式標誌一個

-A JS新手在這裏

來源

2017-06-15 Lohitaksh Trehan

[HTML中嵌入JavaScript文件（可能的重複https://stackoverflow.com/questions/22189430/embed-javascript-file-in-html） – John3136

這是'

添加scr=""在標籤

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

來源

2017-06-15 01:23:28

結束</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">

來源

2017-06-15 01:30:17 Wax

相關問題