使用外部 JavaScript 显示日期/时间

Display date/time using external JavaScript

本文关键字：日期 时间 显示 JavaScript 外部      更新时间：2023-09-26

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

外部脚本： function date()

HTML：今天的日期是date()

我如何实现这一点？

只需将脚本包含在 HTML 中：

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

然后在某处调用该函数。

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

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

.JS：

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

.HTML：

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

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是一种低级

  • 。

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

在您的 HTML 中，您需要一个id为 date 的元素。

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

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

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

会看到，从何处引用脚本并不重要，您仍然可以使用外部脚本访问 DOM。

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

远程脚本（日期.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>

将元素传递给函数的优点是该函数是泛型的，并且不对标识符进行硬编码。

相关文章：