Question

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

这是：

<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>

有什么想法吗？

非常感谢。

Answer 1

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

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

    </script>
     <script>

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

$(window).load(ReturnDay);

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

$(document).ready(ReturnDay);

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

Answer 2

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

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

Answer 3

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

Answer 4

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

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

那就是说，在你尝试将它分配给onload之前，我认为你的函数没有定义。我知道函数已被挂起，但我认为这仅适用于当前的代码块。

无论如何，您无需定义命名函数。就这样做：

window.onload = function() {
    // your date stuff here
};

window.onload无法正常工作

4 个答案: