Externe JavaScript, das das Datum zurückgibt

Question

Wie ich dieses Skript drehen kann:

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

Um eine externe JS-Datei, die nur das Datum angezeigt wird, wenn ich das Skript auf meine HTML-Seiten aufrufen, wenn sie laden?

Answer 1

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

my_script.js

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

oder besser:

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

Answer 2

einfach die Funktionalität in einer Funktion wickeln, die Sie anrufen können, und es wird ein Element entsprechend füllen.

Externer JS (in dem Kopfelement geladen wird, oder am Fuß der Seite)

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

Und es via nennen ...

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

oder über einen Event-Handler z.B.

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

... auf Ihren HTML-Seiten.