我目前是第一次学习javascript和xhtml,目前遇到一个我无法解决的问题。我认为这是一个非常简单的修复程序,我只是不需要知识就能做到这一点。这是JavaScript,以及我尝试从xhtml调用它的方式。

这在一个名为greet.js的javascript文件中。

function tOD() {
timeOfDay = new Date
if (timeOfDay.getHours() < 5) {
    alert("Either go to bed, or go back to bed " + document.form[0].inputname.value);
}
else if (timeOfDay.getHours() < 11) {
    alert("Rise and shine " + document.form[0].inputname.value);
}
else if (timeOfDay.getHours() < 17) {
    alert("Good afternoon " document.form[0].inputname.value);
}
else {
    alert("And after a hard day at work you can relax at last, " +  document.form[0].inputname.value);
}
}


这是我尝试在xhtml中实现它的地方。

<script type="text/javascript" src="greet.js"></script>
<FORM NAME = input>
Please enter your name:
<input type= "text" name = "inputName"/>
<input Type= Button NAME= "greeting" VALUE="ok" onClick="greet()"/>
</FORM>


javascript的工作原理是,如果我拿走document.form [0] .inputname.value,当我按下按钮时,它将在一天中的正确时间发出警报。所以它必须是document.form [0] .inputname.value,这一定是错误的,我只是不确定如何解决它。我也尝试过使用elements [0]而不是form [0]以及input和element [input],所以我不确定它是什么...

谢谢,感谢您的帮助。

最佳答案

您有一些错误,我为您制作了一个工作版本。请慢慢阅读,并尝试查看错误并予以纠正;)

您可以在这里看到它:http://jsfiddle.net/3U5Qm/

07-28 00:53
查看更多