非常简单的javascript不'；我根本不工作_Javascript_Html_Dom_Javascript Events

非常简单的javascript不'；我根本不工作

javascript html dom

非常简单的javascript不'；我根本不工作,javascript,html,dom,javascript-events,Javascript,Html,Dom,Javascript Events,我的.php（静态网站）文件中的javascript无法工作。我使用了另外3个脚本，它们确实有效，但不是这一个情况很简单 javascript是 var myFile = document.getElementById('myFile'); myFile.addEventListener('change', function() { alert(this.files[0].size); }); PHP文件中的HTML代码是（剥离的）附上图像： javascript什么也不做，

我的.php（静态网站）文件中的javascript无法工作。我使用了另外3个脚本，它们确实有效，但不是这一个

情况很简单

javascript是

var myFile = document.getElementById('myFile');

myFile.addEventListener('change', function() {

  alert(this.files[0].size); 
});

PHP文件中的HTML代码是（剥离的）


附上图像：

javascript什么也不做，它的行为就像它不存在一样。我试着在输入的标题、标题下、正文和TD中使用JS。。。我还试着在外部的.js文件中使用它，什么都没有，根本不起作用。我试着把“改变”改成“点击”，但也没用。我一整天都在试着这么做，但我不知道出了什么问题

所以我试着编写简单得多的代码来检查哪里出了问题，看起来像是“change”或“onchange”——JS的第二行不起作用

我还试图指定HTML5 doctype，但它没有做任何事情

我额外的.html文件尝试更简单的代码，看起来像这样，当然不起作用

<!DOCTYPE html>
<html>
    <head>      
  </head> 
  <body>
    <table> 
        <tr>
            <td>Input field for click popup:</td>
            <td>
                <script type="text/javascript">
                var input = document.getElementById('input');
                input.addEventListener('click', function() {
                alert("Hello"); 
                });
                </script>
            <input type="text" id="input" />

            </td>
        </tr>
    <table>
    </body>  
</html>


单击弹出窗口的输入字段：
var input=document.getElementById（'input'）；
input.addEventListener（'click'，function（）{
警惕（“你好”）；
});

请帮帮我，我真的不知道这是什么。。。

我忘了提到，我尝试了不同的浏览器——Opera12.15，最新的FF和Chrome，在任何情况下都不起作用。但它是用小提琴演奏的。。。感谢您提前提供的帮助。

您没有包含在html中id为“myFile”的DOM元素。

将脚本放在正文的末尾，正好在

结束标记之前

脚本是在放置位置同步加载的，因此在相关元素之前放入的任何脚本都不会知道该元素的存在

还有，伊戈尔说的。

小提琴在哪里？您可以在这里发布它吗？您需要在元素准备好/呈现后运行JavaScript。这是否意味着在

window.onload=function（）{}的内部

或输入HTML后的某个时间。否则，

document.getElementById（）

将无法找到该元素。这在chrome中对我有效：在前几行中，您提到了

document.getElementById（'myFile'）

，但在HTMl中没有id=myFile的元素。以后你会有匹配的身份证，所以。。。可能的问题？你是对的伊恩，谢谢你。。。哦，我的天，为什么我自己不能知道这件事，浪费了这么多时间。。。但是你最终让我很开心，谢谢你，我会睡个好觉的。非常感谢抱歉，我的坏，我把它剥去了，因为这里的代码比较短，实际上就在那里。非常感谢：）还有解释，这就是我需要的，我需要理解一些东西才能正确地使用它们。再次感谢。

<!DOCTYPE html>
<html>
    <head>      
  </head> 
  <body>
    <table> 
        <tr>
            <td>Input field for click popup:</td>
            <td>
                <script type="text/javascript">
                var input = document.getElementById('input');
                input.addEventListener('click', function() {
                alert("Hello"); 
                });
                </script>
            <input type="text" id="input" />

            </td>
        </tr>
    <table>
    </body>  
</html>