2016-12-01 5 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ファイルであるということです。別々の.jsファイル内

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

とJavaScript:スクリプトの代わりに、私は、DIVを持っていると思います。どんな助けでも感謝します、ありがとう!代わりにdocument.write使用の

+0

達成しようとしていることは何ですか? 次のようなテキストを入力します。 '最終更新日10:00 01/12/2016' div内は? – grzesiekgs

答えて

3

この:

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ファイルへの呼び出しを使用して:あなたは、コードの例のようにHTMLドキュメント(ベストプラクティス)の頭の中や、あなたの体にあなたのjsファイルへのリンクを配置することができます

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

上記(推奨されませんが、うまく動作します)。

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>

あなたの変数を宣言することを忘れないでください(と短い名前を使用していない)とにかく日付オブジェクトをフォーマットすることができます
関連する問題