javascript - 使用外部 Javascript 显示日期/时间

Question

我想使用外部 Javascript 代码将当前日期和时间放在我的 XHTML 网站的页脚中。我知道函数“document.write”。但是如何使外部脚本在 HTML 中的不同位置打印日期/时间？

外部脚本：函数 date()

HTML：今天的日期是 date()

我如何实现这一目标？谢谢！

Answer 1

只需将脚本包含在您的 HTML 中：

<script src="/externalscript.js" type="text/javascript"></script>

然后在某处调用该函数。

<script type="text/javascript">
    date();
</script>

现在你不应该使用document.write，而是用 an 创建一个元素id并使用 JS 来修改它。

JS：

function date() {
    document.getElementById('mydate').innerHTML = "your date code";
}

HTML：

<span id="mydate">this will get updated</span>

Answer 2

document.write是邪恶的，你应该了解dom操作：

function date() {
  document.getElementById("date").innerHTML = new Date().toString()
}

在您的 HTML 中的某处：

<p>The date of today is <span id="date">?</span></p>

但是，您需要记住并了解很多事情：

• date()脚本需要在加载 DOM 后执行（或至少在此之后<span>）

• 不建议依赖原始元素 ID

• innerHTML有点低级

• ...

Answer 3

我猜外部脚本是指您在head块中引用的外部 .js 文件，例如<script type="text/javascript" src="../randomscript.js"></script>.

在您的 HTML 中，您需要一个带有idof的元素date。

<div id="date">?</date>

这是将要更新的 div。在你的脚本中你应该写

var d = new Date();
document.getElementById('date').innerHTML = d;

你看，你从哪里引用脚本并不重要，你仍然可以使用外部脚本访问 DOM。

Answer 4

我假设“外部脚本”是从外部服务器加载的脚本，即不是从网站本身加载的。

远程脚本（date.js）简单地由

function showDate(element) {
  element.text = new Date().toString();
}

然后在您的网站上调用此函数

<script type="application/javascript" src="http://www.example.org/date.js"></script>
<p>Now is: <span id="date-element" /></p>
<script type="application/javascript">
showDate(document.getElementById('date-element'));
</script>

将元素传递给函数的优点是该函数是通用的并且不硬编码标识符。