引用.js中的html

时间:2012-07-07 23:11:28

标签: javascript html

简单的问题。

我是javascript和html的新手。

我有一个像index.html这样的文件:

<html>
<head>
<link rel=StyleSheet href="beauty.css" type="text/css">
<script src="myjs.js"></script>

</head>
<body>
<p id="foo"></p>
</body>
</html>

这是我的js文件:

var d=new Date();
var month = d.getMonth()+1;
var data = d.getDate() + "/" + month + "/" + d.getFullYear();
function showdata(){
    return data;
}

document.getElementById("foo").innerHTML=showdata();

我知道我需要引用html,但我不知道如何做到这一点。

2 个答案:

答案 0 :(得分:1)

你可能想要

window.onload = function() {
   var d=new Date();
   var month = d.getMonth()+1;
   var data = d.getDate() + "/" + month + "/" + d.getFullYear();
   function showdata(){
       return data;
   }

   document.getElementById("foo").innerHTML=showdata();
}

您还可以在type="text/javascript"代码中指定<script>

答案 1 :(得分:0)

尝试将脚本标记移动到页面底部。在关闭</body>标记之前。像这样:

<html>
    <head>
    <link rel=StyleSheet href="beauty.css" type="text/css">

    </head>
    <body>
        <p id="foo"></p>
        <script src="myjs.js"></script>
    </body>
</html>

问题是你的javascript代码是在section元素是页面的一部分之前执行的。