2017-06-03 103 views
-1

我在HTML文件中的函数不能正常工作,但我写了更高的错误。当我从
funtion名(...),以window.name =功能(...)更改它
但它不工作,无论如何,写
“write.name不finction” 我的代码
为什么没有定义函数javascript

<meta charset="UTF-8"> 
<title>Title</title> 
<script type="text/javascript"> 
    function changeText(id) { 
     id.innerHTML = "Ooops!"; 
    } 

    function displayDate() { 
     document.getElementById("demo").innerHTML = Date(); 
    } 

    function addField() { 
     document.getElementById("demo").innerHTML = Date(); 
    } 

    function addInput(divName){ 
     var newdiv = document.createElement('div'); 
     newdiv.innerHTML = "<br>Select File to Upload:<br><input type="file" onchange="addInput('dynamicInput');" name="fileName">"; 
     document.getElementById(divName).appendChild(newdiv); 
     window.displayDate(); 
     window.addField(); 
    } 
</script> 
</head> 
<body> 

<h1 id="fff" onclick="changeText(this);">Click on this text!</h1> 
<form action="/getimage" method="post" enctype="multipart/form-data"> 
    <div id="dynamicInput"> 
     <br>Select File to Upload:<br><input type="file" onchange="addInput('dynamicInput');" name="fileName"> 
    </div> 
    <input type="submit" value="Upload"> 
    <input type="button" value="Add another input" onClick="addInput('dynamicInput');"> 
</form> 
<p id="demo"></p> 

</body> 

请帮忙!

+0

你能分享你所得到的确切的错误信息? – Luca

+0

''write.name不是finction“'?真? – melpomene

+0

您在''
选择要上传的文件:
melpomene

回答

0

quotes问题你需要逃避\'和字符串这样onchange="addInput(\'dynamicInput\');"。而window.name未在DOM定义

function changeText(id) { 
 
    id.innerHTML = "Ooops!"; 
 
} 
 

 
function displayDate() { 
 
    document.getElementById("demo").innerHTML = Date(); 
 
} 
 

 
function addField() { 
 
    document.getElementById("demo").innerHTML = Date(); 
 
} 
 

 
function addInput(divName) { 
 
    var newdiv = document.createElement('div'); 
 
    newdiv.innerHTML = '<br>Select File to Upload:<br><input type="file" onchange="addInput(\'dynamicInput\');" name="fileName">'; 
 
    document.getElementById(divName).appendChild(newdiv); 
 
    window.displayDate(); 
 
    window.addField(); 
 
}
<h1 id="fff" onclick="changeText(this);">Click on this text!</h1> 
 
<form action="/getimage" method="post" enctype="multipart/form-data"> 
 
    <div id="dynamicInput"> 
 
    <br>Select File to Upload:<br><input type="file" onchange="addInput('dynamicInput');" name="fileName"> 
 
    </div> 
 
    <input type="submit" value="Upload"> 
 
    <input type="button" value="Add another input" onClick="addInput('dynamicInput');"> 
 
</form> 
 
<p id="demo"></p>

0

请注意,您需要转义双引号使用它们在另一个双引号内,或者使用单引号。

 newdiv.innerHTML = "<br>Select File to Upload:<br><input type='file' onchange='addInput('dynamicInput');' name='fileName'>";

相关问题