Question

好的，这是我现在正在使用的脚本：

<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。任何帮助将不胜感激，谢谢！

Answer 1

而不是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块中。

如果你把它放在块中，那么你可以把你的脚本放在页面顶部的顶部。

Answer 2

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>

尝试一次

Answer 3

<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中的元素之后添加此脚本，或者您需要等待文档就绪（当脚本执行时，元素尚未加载）

Answer 4

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>

Answer 5

您可以将js放在单独的js文件中，然后使用对外部Javascript文件的调用：

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

您可以根据上面的代码示例将链接放置在html文档（最佳实践）的头部或您的身体中的js文件中（不建议使用但工作正常）。

Answer 6

在Intl.DateTimeFormat的帮助下，您可以随意格式化日期对象

也不要忘记申报变量（并且不要使用短名称）

＆＃13;

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

＆＃13;

<div id="lastMod"></div>

＆＃13;

如何在DIV中调用此脚本？

6 个答案: