返回日期的外部JavaScript

Question

如何更改此脚本：

<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = Date();
</script>

一个只显示日期的外部JS文件，当我在html页面上调用脚本时，它们何时加载？

Answer 1

<p id="demo"></p>
<script src='my_script.js'></script>

my_script.js

document.getElementById("demo").innerHTML = Date();

或更好：

var textNode = document.createTextNode(Date());
document.getElementById("demo").appendChild(textNode);

Answer 2

只需将功能包装在您可以调用的函数中，它就会相应地填充元素。

外部JS（加载在头部元素或页面底部）

function populateDate(elementId) {
    if (elementId) {
        document.getElementById(elementId).innerHTML = new Date();
    }
}

并通过......来调用它。

<script>
    populateDate('someElementIdOnYourPage');
</script>

或通过事件处理程序，例如

<button onclick="populateDate('someElement');">Click me</button>

...在您的HTML网页上。