时间戳

首页 > 解决方案 > 无法触发“DOMContentLoaded”事件的事件处理程序

javascript - 无法触发“DOMContentLoaded”事件的事件处理程序

问题描述

我正在尝试在加载文档时将输出打印到控制台。下面是我写的代码。但是没有显示输出。

  var div = document.querySelector('#red');
        document.addEventListener('DOMContentLoaded',function (){
        console.log('event triggered...');
        });

当我使用下面的代码时，输​​出显示正确。你能解释一下这种行为的原因吗？

var div = document.querySelector('#red');

window.addEventListener('load',function (){
console.log('event triggered...');
});

我的简单 HTML：

<html>
    <head>
        <title>enlitle</title>
    <link href='styleSheet.css' type='text/css' rel='stylesheet' id='linkElement' /> 

    <script async type='text/javascript' src='scripts.js'></script>
    </head>

    <body>
    <div id='blue'>
            <div id='red'>
            </div>
    </div>
 </body>
</html>

标签： javascriptdomevent-handlingaddeventlistenerdomcontentloaded

解决方案

推荐阅读