내 HTML 문서에 자바 스크립트를 추가하려고합니다. 필자는 HTML로 텍스트 2에 2의 제곱을 표시하고 싶습니다. 결과는 js 스크립트를 사용하여 계산해야합니다. 예를 들어, 다음 사항을 고려하십시오 내 헤더에서HTML에서 Javascript 변수를 표시하려면 어떻게해야합니까?
:
<script type="text/javascript">
var square = 2*2
</script>
을 내 몸에서 :
<p>The square of 2 is <span id="square">.</span></p>
내가이 작품을 만들기 위해 추가해야합니까?
그런
function changeText(){
var ans = 2*2;
document.getElementById("square").innerHTML = ans;
}
<body onload="changeText()">
당신은 스팬의 innerHtml을 설정해야 이벤트에이 자바 스크립트를 첨부, 예를 들어, HTML 문서 개체 모델을 사용해보십시오 값을 입력하면 다음과 같이됩니다.
<script type="text/javascript">
var square = 2*2;
document.getElementById('square').innerHTML = square;
</script>
하지만이 scr 페이지가 절차 적으로 렌더링되고 스팬이 머리에 아직 존재하지 않기 때문에 스팬이 작성된 후 ipt까지. 다른 옵션은 같은 document.onload 기능에 코드를 래핑하는 것입니다 : 그것은 초보자 질문을해도 괜찮은지 반면에
<script type="text/javascript">
document.onload(function() {
var square = 2*2;
document.getElementById('square').innerHTML = square;
});
</script>
이 코드는 innerHTML이 함수가 아니므로 오류를 표시합니다. –
감사합니다. – Schleis
하지만, 다른 한편이가 문자 그대로 거의 모든 자바 스크립트 튜토리얼에 덮여있다. – JJJ
@Juhana, 첫 번째 것은 한 손에 있습니다. p 농담을 제쳐두고 제 의견으로는 이런 종류의 질문에 답하는 것이 아닙니다. –
답변이 있습니까? 정말? – LittleBobbyTables