Javascript 警报消息不会出现 无标题文件 var x=document.f1.tt1.value; 警报(x);

Javascript 警报消息不会出现 无标题文件 var x=document.f1.tt1.value; 警报(x);,javascript,html,xhtml,Javascript,Html,Xhtml,*警报消息未出现,有什么问题? 谢谢你的帮助:):) * 无标题文件 var x=document.f1.tt.value; 警报(x); 因为找不到JavaScript,请尝试此替换 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unti

*警报消息未出现,有什么问题? 谢谢你的帮助:):) *


无标题文件
var x=document.f1.tt.value;
警报(x);
因为找不到JavaScript,请尝试此替换

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>
<body>
<form name="f1">
<input type="text" name="tt" value="jawadi" />
</form>
</form>
<script type="text/javascript">
var x=document.f1.tt.value;
alert(x);
</script>
</body>
</html>


除其他答案外,您的文档可能尚未准备好。 在脚本标记中,您有:

var x=document.f1.tt.value;
更好的方法可能是为您的输入提供一个id

  $(document).ready(function(){
       var x = document.f1.tt.value;
    }) 

$(文档).ready(函数(){
var x=$(“#myInput”).val();
}) 
修改后的代码:


无标题文件
函数alertX(){
var x=document.f1.tt.value;
警报(x);
}

脚本的问题是您试图获取尚未在DOM中创建的元素的值。因此,您得到的是空值,因为它不存在。您可以做的一件事是在页面底部包含脚本,以便它获得值

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 <script type="text/javascript">
    function alertX(){
       var x=document.f1.tt.value;
       alert(x);
    }
 </script>
 </head>
 <body  onload='alertX();'><!-- call alertX on body load-->
    <form name="f1">
        <input type="text" name="tt" value="jawadi" />
    </form>
 </body>
</html>

当执行脚本时,
元素后面显示的脚本尚未定义
document.f1
  $(document).ready(function(){
       var x = document.f1.tt.value;
    }) 
<input type="text" name="tt" id="myInput" value="jawadi" />
$(document).ready(function(){
     var x = $("#myInput").val();    
    }) 
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 <script type="text/javascript">
    function alertX(){
       var x=document.f1.tt.value;
       alert(x);
    }
 </script>
 </head>
 <body  onload='alertX();'><!-- call alertX on body load-->
    <form name="f1">
        <input type="text" name="tt" value="jawadi" />
    </form>
 </body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
     </head>
    <body>
    <form name="f1">
    <input type="text" name="tt" value="jawadi" />
    </form>
    </form>
    </body>
    <script type="text/javascript">
       var x=document.f1.tt.value;//the name of textbox is tt
       alert(x);
    </script>
    </html>
$(document).ready(function(){
 var x=document.f1.tt.value;//the name of textbox is tt
           alert(x);

});