window.onload工作不正常

window.onload Not Working correclty

本文关键字：不正常 工作 onload window      更新时间：2023-09-26

这是一个显示日期的简单函数（我不想要专业的，所以这就足够了）。问题是我想在页面加载时显示它。我不希望用户按下任何按钮或任何东西，但它不起作用。

这是：

<script type="text/javascript">
    window.onload = ReturnDay;
</script>
<script>
    function ReturnDay() {
        var monthNames = [ 
            "January", 
            "February", 
            "March", 
            "April", 
            "May", 
            "June",
            "July", 
            "August", 
            "September", 
            "October", 
            "November", 
            "December" 
        ];
        var dayNames= [
            "Sunday",
            "Monday",
            "Tuesday",
            "Wednesday",
            "Thursday",
            "Friday",
            "Saturday"
        ];
        var newDate = new Date();
        newDate.setDate(newDate.getDate() + 1);    
        $('#dateday').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());​
    }
</script>
<input id="dateday" type=text></div>

有什么想法吗？

非常感谢。

功能提升仅在给定的<script>元素内进行。当您尝试将ReturnDay分配给onload时，它不存在。

删除示例代码的第3行和第4行：

    </script>
     <script>

也就是说，将函数直接分配给事件处理程序对象并不是最佳实践。引发冲突太容易了。使用事件绑定，jQuery将为您抽象旧IE中的差异。

$(window).load(ReturnDay);

或者，如果您想在DOM准备就绪时运行脚本，而不是等待页面中的所有图像加载：

$(document).ready(ReturnDay);

此外，<input>元素被定义为EMPTY。设置它们的innerHTML毫无意义。您应该使用val()而不是html()。

虽然您可以更清楚地了解这个问题，但我认为问题是因为您试图设置输入字段的html。试试这个

$('#dateday').val(...);

最好使用jquery $(document).ready()而不是window.onload

主要问题是应该设置输入的值，而不是innerHTML。

document.getElementById('dateday').value = dayNames.......;

也就是说，我认为在您尝试将函数分配给onload之前，不会定义它。我知道函数被挂起了，但我认为这只适用于当前的代码块。

无论如何，您都不需要定义命名函数。只需这样做：

window.onload = function() {
    // your date stuff here
};
相关文章：