0

我正在开发一个简单的 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 事件已经被触发了？如果我将它加载到头部，那不应该是这样，对吧？我会很感激任何帮助！

4

1 回答 1

1

如果您使用的是 jquery，请执行以下操作：

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

这将在文档准备好时调用该函数。显然这相当于DOMContentLoaded

于 2012-11-22T21:11:49.797 回答