将当前年份插入HTML

Insert current year into HTML

本文关键字：插入 HTML      更新时间：2024-02-29

我正在使用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中做到这一点，但我正在尝试在vananilla javaScript中做到这，同时进行学习。

提前谢谢。

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

<p>Year: <span id="year"></span></p>
        
<!-- JS right before the closing </body> tag -->
<script>
document.querySelector("#year").textContent = new Date().getFullYear();
</script>

请注意，如果一个人的计算机时钟关闭，JavaScript可能不是正确的选择，在这种情况下，你可以从后端获取日期
如果您使用PHP：

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

简而言之：

<?= date("Y") ?>

简单地在线执行此操作不是更简单、更高效吗？

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

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

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

问题出在document.write调用上。试试这个：

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

这个Javascript应该可以工作：

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

动态显示日期

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

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

相关文章：