javascript - 用页面加载替换文本

Question

我知道在这种情况下如何用 getElementById() 函数替换文本:

<script type="text/javascript">
    function go(){
        var p = document.getElementById('ccc');
        p.firstChild.nodeValue = 'AAA';
    }
</script>

<div id='ccc'>o</div>

<a href="javascript:go()">go</a>

当我点击转到链接时，“o”会替换为“AAA”。

但是我想在没有任何点击的情况下将页面加载到浏览器时替换文本。所以用户不必知道 div 'ccc' 中有一些文本 'o'。他必须从一开始就只看到“AAA”。

怎么做？

Answer 1

您可以使用onload 事件:

window.onload = go;

// or better
window.addEventListener("load", go);

你也可以使用匿名函数:

window.onload = function()
{
  // ...
}
window.addEventListener("load", function()
{
  // ...
});