2016-12-01 2 views
1

Ok, это сценарий, я использую прямо сейчас:Как я могу назвать этот скрипт из DIV?

<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> 

Скрипт работает, но проблема в том, что этот скрипт на мой файл index.html. Вместо сценария я хотел бы иметь DIV:

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

И на JavaScript в отдельном файле .js. Любая помощь будет оценена, спасибо!

+0

Что вы пытаетесь достичь? Вы хотите наложить текст как: 'Последнее обновление 10:00 01/12/2016' Внутри div? – grzesiekgs

ответ

3

Вместо document.write использовать это:

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; 

Теперь вы можете поместить свой скрипт во внешнем файле и сделать ссылку на него в нижней страницы, потому что страница не была в DOMContentLoaded блоке ,

Если вы положили его в блок, вы можете поместить свой скрипт в верхнюю часть страницы.

+1

Сделать ссылку на него _ в нижней части страницы;) – 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> 

добавить этот скрипт после элемента в DOM, или вам нужно ждать документа готовый (если скрипт выполняется элемент еще не загружен)

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>

Try It Once

+0

Спасибо, работает как шарм! –

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

Вы можете положить js в отдельный JS файл, а затем использовать вызов внешнего файл JavaScript:

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

Вы можете разместить ссылку на файл JS в голове вашего HTML документа (лучшие практики), или в вашем теле, как в примере коды выше (устарело, но отлично работает).

0

С помощью Intl.DateTimeFormat вы можете форматировать объект даты в любом случае вы хотите

также не забудьте объявить переменные (и не использовать короткие имена)

// 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>

Смежные вопросы