2016-12-01 4 views
1

Ok, das ist das Skript, das ich bin in diesem Augenblick mit:Wie kann ich dieses Skript aus einem DIV aufrufen?

<script> 
    u = new Date(document.lastModified); 
    m = u.getMonth() + 1; 
    d = u.getDate(); 
    y = u.getFullYear(); 
    t = "Last update"; 
    document.writeln(t + ": " + d + "/" + m + "/" + y); 
</script> 

Das Skript funktioniert, aber das Problem ist, dass dieses Skript auf meiner Datei index.html ist. Anstelle des Skripts würde Ich mag einen DIV habe:

<DIV id="LastMod"></DIV> 

Und das Javascript in einer separaten JS-Datei. Jede Hilfe wäre willkommen, Danke!

+0

Was versuchen Sie zu erreichen? Sie möchten den folgenden Text eingeben: 'Letzte Aktualisierung 10:00 01/12/2016' Inside div? – grzesiekgs

Antwort

3

Statt document.write Verwendung dieses:

u = new Date(document.lastModified); 
m = u.getMonth() + 1; 
d = u.getDate(); 
y = u.getFullYear(); 
t = "Last update"; 
document.querySelector("#LastMod").textContent = t + ": " + d + "/" + m + "/" + y; 

Jetzt können Sie Ihren Skript in einer externen Datei setzen und einen Verweis darauf in den Boden der Seite machen, weil Seite im DOMContentLoaded Block nicht gewesen .

Wenn Sie es in den Block einfügen, können Sie Ihr Skript oben im Kopf der Seite platzieren.

+1

Machen Sie einen Verweis darauf _at am unteren Rand der Seite;) – Archer

1
<script> 
    u = new Date(document.lastModified); 
    m = u.getMonth() + 1; 
    d = u.getDate(); 
    y = u.getFullYear(); 
    t = "Last update"; 
    document.getElementById("LastMod").innerHTML = t + ": " + d + "/" + m + "/" + y; 
</script> 

hinzufügen, um dieses Skript nach dem Elemente in dem dom, oder Sie müssen für Dokument warten bereit (wenn Skript ausgeführt wird, das Element noch nicht geladen ist)

3

u = new Date(document.lastModified); 
 
    m = u.getMonth() + 1; 
 
    d = u.getDate(); 
 
    y = u.getFullYear(); 
 
    t = "Last update"; 
 
    document.getElementById('LastMod').innerHTML =t + ": " + d + "/" + m + "/" + y;
<div id="LastMod"></div>

es versuchen Sobald

+0

Danke, funktioniert wie ein Charme! –

0
save this with name myscripts.js 
---------------------- 
    u = new Date(document.lastModified); 
    m = u.getMonth() + 1; 
    d = u.getDate(); 
    y = u.getFullYear(); 
    t = "Last update"; 
    var total =(t + ": " + d + "/" + m + "/" + y); 
document.getElementById("LastMod").innerHTML = total; 
---------------------- 

and your index.html 


<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8" /> 
    <title>test</title> 
    <script src="myscripts.js"></script> 
</head> 
<body> 
<DIV id="LastMod"></DIV> 
</body> 
</html> 
0

Sie die js setzen können eine separate js Datei, um den Anruf zu einer externen Javascript-Datei verwendet, dann:

<div id="LastMod"></div><script type="text/javascript" src="js/myscript.js"></script> 

Sie können den Link zu Ihrer js-Datei in dem Kopf des HTML-Dokuments (Best Practice) oder in Ihrem Körper als pro Codebeispiel platzieren oben (veraltet, funktioniert aber gut).

0

Mit Hilfe von Intl.DateTimeFormat Sie trotzdem ein Datum Objekt formatieren können Sie

auch vergessen Sie nicht Ihre Variablen zu deklarieren (und verwenden Sie keine Kurznamen)

// setting i18n to undefined will make the formater use the os preferred setting 
 
var i18n = 'en-GB' 
 
var date = new Date(document.lastModified) 
 
var formated = new Intl.DateTimeFormat(i18n).format(date) 
 

 
document.getElementById('lastMod').innerText = "Last update: " + formated
<div id="lastMod"></div>

Verwandte Themen