这是我的代码:
<html>
<head>
<title>Date Test</title>
<script>
document.getElementById("date").innerHTML = Date();
</script>
</head>
<body>
<p>Today's date is <span id="date"></span></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
当我运行HTML文档时,它只显示"今天的日期是"......为什么?!?
在<span id="date">执行脚本时不存在.你可以把它放在一个onload处理程序来解决这个问题:
<script>
onload = function() {
document.getElementById("date").innerHTML = Date();
};
</script>
Run Code Online (Sandbox Code Playgroud)
这将在整个DOM准备好后的某个时间运行脚本.当然,您可以处理DOMContentLoaded在DOM准备就绪时立即运行代码,而不是在其内容也已加载之后运行代码,但另一种(非常简单)方法是将脚本放在结束</body>标记之前:
<html>
<head>
<title>Date Test</title>
</head>
<body>
<p>Today's date is <span id="date"></span></p>
<script>
document.getElementById("date").innerHTML = Date();
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
68 次 |
| 最近记录: |