Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么';t日期出现在<;p>;?_Javascript_Html_Bootstrap 4 - Fatal编程技术网

Javascript 为什么';t日期出现在<;p>;?

Javascript 为什么';t日期出现在<;p>;?,javascript,html,bootstrap-4,Javascript,Html,Bootstrap 4,这是我的HTML代码 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="bootstrap_4.5.0\css\bootstrap.min.css&qu

这是我的HTML代码

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="bootstrap_4.5.0\css\bootstrap.min.css">
<script src="bootstrap_stuff.js"></script>
<title>Home Page</title>

<!-- <style type="text/css">
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

  background-color: #34495e;
  color: white;
  border: 1px solid white;

  }
</style> -->

但是我在这段话里没有日期?(我也尝试了innerHTML)

尝试将其包装在
DOMContentLoaded
事件侦听器中:

document.addEventListener("DOMContentLoaded", function(){
    var d = new Date(); 
    document.getElementById("demo").innerText = d;
});

此脚本应仅在加载所有HTML元素后运行

尝试将其包装到
DOMContentLoaded
事件侦听器中:

document.addEventListener("DOMContentLoaded", function(){
    var d = new Date(); 
    document.getElementById("demo").innerText = d;
});

此脚本应仅在加载所有HTML元素后运行

您需要在加载时调用函数事件,因为您尝试访问的元素在函数执行时不存在。当您在事件中包装它时,一旦HTML文档被完全加载和解析,浏览器就会调用它

此代码适用于您:

document.addEventListener("DOMContentLoaded", function(){
    var d = new Date(); 
    document.getElementById("demo").innerText = d;
});

您需要在加载时调用函数事件,因为您试图访问的元素在您的函数执行时不存在。当您在事件中包装它时,一旦HTML文档被完全加载和解析,浏览器就会调用它

此代码适用于您:

document.addEventListener("DOMContentLoaded", function(){
    var d = new Date(); 
    document.getElementById("demo").innerText = d;
});

谢谢你善良的心溢出(该死的快)。我刚刚把我的“脚本”标签移到了“正文”标签的末尾,它成功了。

谢谢你的好心溢出(也很快)。我刚刚将我的“Script”标记移到了“Body”标记的末尾,它成功了。

如果您的脚本在
中,DOM还没有加载。我假设这就是
bootstrap\u stuff.js
的含义……如果
还不是DOM的一部分,那么JavaScript代码将无法找到它。您可能从浏览器中得到一个错误;检查开发人员控制台。解决方案是将
标记移到正文的末尾,或者将代码放入“load”或“ready”处理程序中。我自己测试了它,它成功了,也许你的js没有执行。您是否尝试过像
document.getElementById(“demo”)那样测试它@Pointy是的,伙计,成功了。老兄,这东西太伤脑筋了!如果脚本位于
中,则尚未加载DOM。我假设这就是
bootstrap\u stuff.js
的含义……如果
还不是DOM的一部分,那么JavaScript代码将无法找到它。您可能从浏览器中得到一个错误;检查开发人员控制台。解决方案是将
标记移到正文的末尾,或者将代码放入“load”或“ready”处理程序中。我自己测试了它,它成功了,也许你的js没有执行。您是否尝试过像
document.getElementById(“demo”)那样测试它@Pointy是的,伙计,成功了。老兄,这东西太伤脑筋了!