Question

我正在使用检测当前年份的javaScript，然后希望将其嵌入到HTML中。我有以下但似乎未定义。

这是我的代码......

HTML

<p>this year is <span id="year"></span></p>

的JavaScript

var date = document.write(new Date().getFullYear());

document.getElementById("year").innerHTML = date;

我可以在jQuery中执行此操作，但我尝试在vanailla javaScript中执行此操作，同时学习。

提前致谢。

Answer 1

确保您的元素已被读取并准备好进行操作：还修复你的JS：

<body>
  <p>this year is <span id="year"></span></p>

  <!-- JS before /body -->
  <script>
  document.getElementById("year").innerHTML = new Date().getFullYear();
  </script>
</body>

请注意，如果我的电脑时钟关闭，我会看到错误的年份如果你使用 PHP ，它很简单：

<p>this year is <span id="year"><?php echo date("Y"); ?></span></p>

简而言之：

<?= date("Y") ?>

Answer 2

<script>
window.onload = function(){
var date = new Date().getFullYear();
document.getElementById("year").innerHTML = date;
}
</script>
<p>this year is <span id="year"></span></p>

Answer 3

简单地在线进行这项工作会不会更简单，更有效率？

<p>this year is <script>document.write(new Date().getFullYear());</script>.</p>

Answer 4

var date = (new Date()).getFullYear();

document.getElementById("year").innerHTML = date;

Answer 5

问题是document.write电话。试试这个：

var date = new Date().getFullYear();
document.getElementById("year").innerHTML = date;

Answer 6

这个Javascript应该可以工作：

var date = (new Date().getFullYear()).toString();
document.getElementById("year").innerHTML = date;

Answer 7

动态显示日期

<%=DateTime.Now.Year %>
<p>&copy;2016 School Apps. All Rights Reserved.</p>

为了动态显示2016年，我们使用该代码

将动态年份插入HTML内容

7 个答案: