javascript - 在 html 元素中显示数据

Question

我有一个小疑问。我想使用innerHTML 属性在我的页面上显示一些数据。但是当我尝试这样做时，数据不会呈现在我的页面上。但如果我使用 document.writeln()，数据就会呈现在页面上。我想用 id="verify"显示 span 元素中的数据。我怎样才能做到这一点？这是我的代码:

<script>
    var now = new Date();
    var hours = now.getHours();
    var name, greeting;
    if(hours < 12)
    {
        greeting = "Good Morning";
    }
    else
    {
        //hours = hours - 12;
        if(hours < 18)
        {
            greeting = "Good Afternoon";
        }
        else
        {
            greeting = "Good Evening";
        }
    }
    if(document.cookie)
    {
        var newCookie = unescape(document.cookie);
        var cookieVals = newCookie.split("=");
        name = cookieVals[1];
    }
    else
    {
        name = window.prompt("Please enter your name","name");
        document.cookie = "name=" + escape(name);
        //document.writeln(greeting + " "+ name + ", welcome to JavaScript programming!" );
        //document.writeln( "<a href = 'javascript:wrongPerson()'> " +"Click here if you are not " + name + "</a>" );
        var a = greeting + " "+ name + ", welcome to JavaScript programming!</h1>" + "<a href = 'javascript:wrongPerson()'> " +"Click here if you are not " + name + "</a>";
        document.getElementById("verify").innerHTML = a;
    }
    function wrongPerson()
    {
        document.cookie= "name=null;" + " expires=Thu, 01-Jan-95 00:00:01 GMT";
        location.reload();
    }
    </script>
    <span id="verify"></span>

Answer 1

除了 Cheery 的回答之外，您应该始终将 JavaScript 放在正文的末尾，除非您需要它在加载之前在页面上显示某些内容。这将为您提供更好的性能，并且可能会消除大多数小错误，例如尝试在页面加载之前获取元素。