Question

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

外部脚本：功能日期（）

HTML：今天的日期是date（）

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

Answer 1

只需在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>

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>之后执行）
不建议依赖raw element IDs
innerHTML是一种低级别的
...

Answer 3

我猜你在外部脚本中指的是你在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。

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>

将元素传递给函数的优点是函数是通用的，不会对标识符进行硬编码。

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

4 个答案: