菜鸟求指教

本人新手，刚开始接触js，今天敲一段小代码一直没弄出效果js代码：
var mydate =new Date();
var dateString = mydate.toLocaleDateString() + "" + mydate.toLocaleTimeString();
var dateLoc=document.getElementById("dateField");
dateLoc.innerHTML="Hello-Page Rendered on "+ dateString;html代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
<script type="text/javascript" src="write_date.js"></script>
    </head>
    <body>
        <h1>New Web Project Page</h1><br>
<p id="dateField">&nbsp;</p>
    </body>
</html>经过测试mydate和dateString都可以成功输出，就是后面两句不知道哪错了，求高手指点HTMLJavaScript

解决方案 »

  1.   

    var dateLoc = document.getElementById("dateField");
    这个只是获取id为dateField的对象
    var dateLoc = document.getElementById("dateField").value;
    这个是获取值
    最后一句dateLoc.innerHTML="Hello-Page Rendered on "+ dateString;
    这个是对象的innerHTML属性设置，跟写文本是一个效果的
      

  2.   

    你把你的js代码写在一个函数里面function test() { 
            //这里写js
            }
            //页面加载
            window.onload = test;
      

  3.   

    文件加载顺序问题。页面会从上到下加载，你的js加载的时候，下面的dateField还没出来，当然就找不到了，所以也不会执行，最终页看不到结果。
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>test.html</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>
    function show(){
    var mydate =new Date();
    var dateString = mydate.toLocaleDateString() + "" + mydate.toLocaleTimeString();
    dateField.innerHTML="Hello-Page Rendered on "+ dateString;
    }
    </script>
      </head>
      <body onload="show()">
      <p id="dateField"></p>
      </body>
    </html>