페이지로드 - VoidCC

에 나는 그런 상황에서 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>

'AAA'에서 대체 'O'내가 이동 링크를 클릭합니다.

하지만 클릭없이 브라우저로 페이지를로드 할 때 텍스트를 바꾸기를 원합니다. 따라서 사용자는 div 'ccc'에 텍스트 'o'가 있음을 알 필요가 없습니다. 그는 처음부터 'AAA'만보아야합니다.

어떻게 수행하나요? 이 같은

출처

2011-11-12 Vitali Ponomar

사용 onload 속성은 :

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

출처

2011-11-12 15:03:04 DzikiMarian

하지만 둘 이상의 대체 함수가있을 경우 body 태그의 모든 함수를 호출하는 방법은 무엇입니까? –

'onload = "go(); go2(); go3()"'그러나 나는 그것을 추천하지 않는다. 자바 스크립트와 HTML을 분리하는 것이 항상 깔끔합니다! – ComFreek

ComFreak – DzikiMarian

당신은 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>

출처

2011-11-12 15:03:33 ComFreek

핸들 위해 window.onload 이벤트 :

window.onload = go; 

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

당신은 또한 익명의 기능을 사용할 수 있습니다 : <body onload="go()">

출처

2011-11-12 15:05:27 shomeax

에서 제안한 하나의 함수 또는 솔루션을 사용하여 호출을 래핑 할 수 있습니다. 다른 함수로'go()'를 래핑 할 필요조차 없습니다! – ComFreek

그냥 편의상 =) – shomeax

흠, 기능을 추가해야하는 경우 예) – ComFreek

또는 페이지 하단에 스크립트를 넣으면 모든 요소가로드됩니다.

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

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

출처

2011-11-12 15:15:25

답변

관련 문제