2012-08-18 5 views
2

페이지 시작시 JavaScript 코드를 실행해야합니다.자바 스크립트 코드 실행 페이지 시작

<body onload="document.getElementById('Label1').style.display = 'none';document.getElementById('Textbox1').style.display = 'none';"> 

현재 Body Tag의 Onload 속성을 사용하고있는 코드를 사용하고 있습니다. 이 방법을 사용하면 전체 페이지가로드 된 후 코드가 실행되고 레이블과 텍스트 상자를 사라지게하는 데 시간이 걸립니다.

페이지가로드되기 전에이 코드를 실행할 수있는 방법이 있습니까 ??

또는 다른 방법으로이 작업을 수행 할 수 있습니까?

(다른 스타일의 JavaScript 함수를 사용하여 Label 및 Textbox를 DropdownList SelectedIndex에 표시하고 보이지 않게 만들기 때문에 style = "display : none"같은 속성을 사용하면 JavaScript를 사용하여 다시 볼 수 없습니다)

+1

HTML 본문의 on load 메소드를 사용하는 대신 JQuery'$ (function() {});을 사용하는 것이 더 나을 것입니다. – Kane

+0

왜 그렇게 말합니까? –

답변

1

페이지를로드 할 때 javascript로 html 요소를 표시하지 않아도됩니다. 이 같은 자바 스크립트로 표시 설정 그런 다음 visibility:hidden 또는 display:none를 사용하여 CSS를 그들에게 보이지 않는 설정할 수 있습니다 : 당신이 jQuery를 사용하는 경우

은 또한
document.getElementById("someobject").style.display="block"; 
OR 
document.getElementById("someobject").style.visibility="visible"; 

사용할 수

$(document).ready(function(){ 

}); 
+0

style = "display : none"을 사용하고 javascript를 사용하여 "display : block"을 어떻게 설정할 수 있습니까? –

+0

나는 당신을 위해 더 명확하게하기 위해 나의 대답을 편집했다. –

+0

@Rafael Sedrakyan 감사합니다. 나는 style = "display : none"을 텍스트 상자와 레이블에 설정하고 document.getElementById ("lbl_OtherProof")를 설정했습니다. style.display = "block"; 자바 스크립트에서. 아주 사소한 일에 JQuery를 사용하고 싶지 않기 때문에 JQuery를 시도하지 않았다. –

1

사용 jQuery의 $(document).ready(function(){ this is my code; });

관련 문제