2016-12-01 25 views
1

好吧,這是我現在使用的腳本:如何從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> 

而在一個單獨的.js文件的JavaScript。任何幫助將不勝感激,謝謝!

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

試試一次

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