功能是沒有定義的JavaScript

Question

我試着讓工作像谷歌一個小腳本添加更多的文件，但我得到一個錯誤，如：

ReferenceError: addFile is not defined 

使用腳本IM是：

的Javascript

function addElement(parentId, elementTag, elementId, html) { 
    // Adds an element to the document 
    var p = document.getElementById(parentId); 
    var newElement = document.createElement(elementTag); 
    newElement.setAttribute('id', elementId); 
    newElement.innerHTML = html; 
    p.appendChild(newElement); 
} 

function removeElement(elementId) { 
    // Removes an element from the document 
    var element = document.getElementById(elementId); 
    element.parentNode.removeChild(element); 
} 


var fileId = 0; // used by the addFile() function to keep track of IDs 
function addFile() { 
    fileId++; // increment fileId to get a unique ID for the new element 
    var html = '<input type="file" name="uploaded_files[]" />' + 
       '<a href="" onclick="javascript:removeElement('file-' + fileId + ''); return false;">Remove</a>'; 
    addElement('files', 'p', 'file-' + fileId, html); 
} 

HTML：

<form enctype="multipart/form-data" action="" method="post"> 
    <p>Upload file(s)</p> 
    <div id="files"> 
     <p><input type="file" name="uploaded_file[]" /></p> 
    </div> 
    <p><input type="button" value="Add File" onclick="addFile();" /></p> 
</form> 

的jsfiddle例如：

http://jsfiddle.net/neocastelli/qy7xfheb/

有沒有辦法知道，爲什麼沒有定義addFile？

Answer 1

您在轉義字符串時犯了錯誤。

var html = '<input type="file" name="uploaded_files[]" /> ' + 
      '<a href="" onclick="javascript:removeElement('file-' + fileId + ''); return false;">Remove</a>'; 

必須是：

var html = '<input type="file" name="uploaded_files[]" /> ' + 
      '<a href="" onclick="javascript:removeElement("file-' + fileId + '"); return false;">Remove</a>'; 

而且功能不是全局。你要做的：

window.addFile = function() { 

See the updated Fiddle