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>

当我点击go链接'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()
{
  // ...
});

Answer 2

处理window.onload事件，它会在页面加载时触发。

<script type="text/javascript">
function doLoad() {
   go1();
   go2();
   // ...
}

if ( window.addEventListener ) { 
   window.addEventListener( "load", doLoad, false );
}
else 
   if ( window.attachEvent ) { 
      window.attachEvent( "onload", doLoad );
} else 
       if ( window.onLoad ) {
         window.onload = doLoad;
}
</script>

Answer 3

使用onload属性，如下所示： <body onload="go()">

Answer 4

或者你可以把你的脚本放在页面底部，然后加载所有元素。

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

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

用页面加载替换文本

4 个答案: