Question

我正在开发一个简单的Chrome扩展程序，当用户打开新标签页时，它会显示一串文字。代码是：

<html>
    <head>
        <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="showText.js"></script>
    </head>
    <body>
        <div id="textDiv">
            <h1 id="actualText"></h1>
        </div>
        <div id="footer">
            <img src="settings.png"/>
        </div>
    </body>
</html>

和js文件

document.addEventListener("DOMContentLoaded", function () {
    var text = "sample text";
    $('#actualText').append(text);
});

当我打开一个新选项卡时，这似乎不起作用，但当我单击选项卡上的刷新时，文本显示出来。所以我猜第一次在运行此代码之前已经触发了DOMContentLoaded事件？如果我将它加载到脑袋中，那应该不是这样的情况吗？我很感激任何帮助！

Answer 1

如果您正在使用jquery，请执行以下操作：

$(function () {
    var text = "sample text";
    $('#actualText').append(text);
});

这将在文档准备好后调用该函数。 Apparently this is equivalent to DOMContentLoaded

DOMContentLoaded事件似乎不起作用/我需要帮助了解它是如何工作的

1 个答案: